開始日期和結束日期驗證angularjs

Question

這不是this

重複我有有開始日期和結束日期與日期選取器的形式。用戶可以在表單中添加多個日期。在這種情況下，從日期到日期的第一個選擇框將被克隆並附加到表單中。

我需要檢查日期和日期對中每個日期的有效性。這是如果日期小於日期錯誤消息應該顯示在日期附近。我已經添加了下面的代碼。謝謝。

<form name="myForm"> 
    <span ng-repeat="data in userdata"> 
    <ng-form name="repeatForm"> 
     <input type="text" name="expFromDate" ng-model="form.fromDate"/> 
     <input type="text" name="expToDate" ng-model="form.toDate"/> 
     <span class="error input-icon fui-alert input-icon-check" ng-show="repeatForm.expToDate.$error.expFromDate"></span> 
    </ng-form> 
</form> 

Answer 1

而不是克隆與jQuery左右日期框，您應該使用NG-重複這樣的：

<input ng-repeat="fromDate in ctrl.fromDates" type="text" name="expFromDate" ng-model="fromDate"/> 
<input ng-repeat="toDate in ctrl.toDates" type="text" name="expFromDate" ng-model="toDate"/> 

然後你可以有你的控制器上的方法做了驗證：

<span class="error input-icon fui-alert input-icon-check" ng-show="!ctrl.datesValid()"></span> 

public datesValid(): boolean { 
    return _.all(this.fromDates, date => ...) 
     && _.all(this.toDates, date => ...); 
};