驗證日期字段

Question

我試圖禁用保存按鈕，直到未選取日期。它是禁用的，但它無法啓用，直到我不按鍵盤上的任何鍵。請告訴我我做錯了什麼，並提前感謝。

<div class = "form-group" ng-class="{ 'has-error' : Form.fromTime.$invalid && !Form.fromTime.$pristine }"> 
    <label for = "fromTime"> From Time: 
     <img src = "images/required.gif" alt = "Required" class = "required-star"> 
    </label> 

    <div class='input-group date' id='fromTime' > 
     <input type='text' class="form-control" name="fromTime" ng-model = "fromTime" required /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
    </div> 
    <p ng-show="Form.fromTime.$invalid && !Form.fromTime.$pristine" class="help-block">From Time is required.</p> 
</div> 

<button type="button" class="col-sm-2 btn btn-primary" ng-click="scheduleCall()" style="margin-left:10px;" ng-disabled="Form.$invalid"> Save </button> 

Answer 1

變化：

ng-disabled="Form.$invalid" 

到：

ng-disabled="Form.fromTime.$invalid" 

Answer 2

你必須使用如下

ng-disabled="Form.fromTime.$invalid" 

表格名稱：表格; 輸入字段名稱：fromTime; 輸入字段狀態：$無效

Answer 3

如果我正確理解您的問題，則需要使用date輸入。

現在save按鈕將被禁用，直到選擇一個有效的日期。

function Ctrl($scope) { 
 
    $scope.fromTime = ''; 
 

 
    $scope.scheduleCall = function() {}; 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> 
 
<div ng-app> 
 
    <div ng-controller="Ctrl"> 
 
    <form name="Form"> 
 
     <div class="form-group" 
 
      ng-class="{ 'has-error' : Form.fromTime.$invalid && !Form.fromTime.$pristine }"> 
 

 
     <label for="fromTime">From Time:</label> 
 

 
     <div class='input-group date' id='fromTime'> 
 
      <input type='date' class="form-control" name="fromTime" ng-model="fromTime" required /> 
 
      <span class="input-group-addon"> 
 
         <span class="glyphicon glyphicon-calendar"></span> 
 
      </span> 
 
     </div> 
 
     <p ng-show="Form.fromTime.$invalid && !Form.fromTime.$pristine" 
 
      style="font-size: 11px; color: red;"> 
 
      From Time is required. 
 
     </p> 
 
     </div> 
 

 
     <button type="button" ng-click="scheduleCall()" ng-disabled="Form.$invalid">Save</button> 
 
    </form> 
 
    </div> 
 
</div>