$ setvalidityは指定された条件としてエラーを設定していません

Question

angular日付検証を試しています。todateは、現在の日付よりも日付を選択するとエラーメッセージが表示されます。しかし、出力は期待通りではありません。日付の選択時にエラーが発生しますが、デバッグブレークポイントで条件が正しくチェックされています。

plunkerリンク」：ここではplunker

コードです：。

$scope.form1submit=function(date){ 

     var today = new Date(); 
     var dd = today.getDate(); 
     var mm = today.getMonth()+1; //January is 0! 
     var yyyy = today.getFullYear(); 

     if(dd<10) { 
      dd='0'+dd 
     } 

     if(mm<10) { 
      mm='0'+mm 
     } 

     todayDate = mm+'/'+dd+'/'+yyyy; 
     console.log(todayDate); 
     var toDate = date.toDate; 
     var toDatelength = date.toDate.length; 


     if(toDate > todayDate && toDatelength > 0){ 

      $scope.form1.todate.$setValidity("todateerror", false); 

     }else{ 
      $scope.form1.todate.$setValidity("todateerror", true); 
     } 
     }; 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
<script src="http://www.jqueryscript.net/demo/Simple-Date-Picker-For-jQuery-AngularJS-Datepicker/"></script> 
<span class=""> 
     <label class="">to date</label> 
     <input id="toDate" name="todate" type="text" class="" 
       ng-model-options="{allowInvalid: true}" 
       placeholder="To Date" 
       data-datepicker="{theme: 'flat'}" 
       ng-model="date.toDate" 
       ng-disabled="date.fromdate" 
       ng-required="date.fromdate" /> 
     <span ng-show="form1.$submitted && form1.todate.$error"> 

      <div ng-message="todateerror" class="">To date is more than todays date</div> 
     </span> 
</span>  

Answer 1

Here私はあなたのコードを修正しました

• 1）あなたはするべきでありません日付を比較する文字列として。
• 2）の代わりに、あなたのモデルにあるものform1.todate.$error.todateerror