Question

我有一个类型设置为日期的输入字段。

<p>Form is valid : {{myForm.$valid}}</p>

<input type="date" ng-model="model.myDate" placeholder="yyyy-MM-dd" min="{{minDate | date:'yyyy-MM-dd'}}" max="{{maxDate | date:'yyyy-MM-dd'}}"  />

使用弹出日历控件相应地锁定最小日期，但我仍然可以输入日期或使用向上/向下拣选器低于最小日期。我对此仍然没问题，但是表单没有设置为无效。

我错过了什么？

Answer 1

如果设置有效的最小和最大日期（硬编码/数据绑定），它将锁定该持续时间。您甚至无法使用向上/向下插入访问超出此范围的日期。

<form name="myForm">
  <input type="date" ng-model="model.myDate " placeholder="yyyy-MM-dd" 
   min="2013-01-01" max="2015-12-31" required  />
   <p>Form is valid : {{myForm.$valid}}</p>
</form>

角度形式未在低于最小值的日期设置为无效

1 个答案: