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

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>