日付入力の有効性を確認するにはどうすればよいですか？

Question

私はとOnsen-uiを使用して、ユーザーが有効な日付を記入する入力を含むモバイルページを作成しています。

HTML：：

<input type="date" autofocus class="search-input" name="dateInput" ng-model="date" ng-keyup="checkDate()"/>

JS：ここに私のコードです

function checkDateFn() { 
     if (Object.prototype.toString.call($scope.date) === '[object Date]') { 
     // it is a date 
     if (isNaN($scope.date.getTime())) { // d.valueOf() could also work 
      // date is not valid 
     } 
     else { 
      // date is valid 
      // DO SOMETHING 
     } 
     } 
     else { 
     // not a date 
     } 
    } 

しかし、それは（私はなぜ知らない）有効な日付を取得できません。 。 私もHTML formを使用することを試みたが、私はこれを書いた：

<form name="dateForm"> 
     <input type="date" autofocus class="search-input" name="dateInput" ng-model="date"/> 
    </form> 

しかし、この場合には、私はdateForm.dateInput.$validが発生したときに機能をトリガーする方法がわかりません。

私の目的を達成するためのより良い方法がありますか？

Answer 1

あなたはdateForm.$invalid

まで、送信ボタンをだからあなたの送信ボタンの上にあなたがng-disabled="dateForm.$invalid"