开始日期和结束日期验证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 => ...); 
};