angular 表单未在低于最小值的日期设置为无效

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'}}"  />

使用弹出式日历控件，最小日期相应地被锁定，但我仍然可以输入日期或使用 up/down 选择器低于最小日期。我仍然可以接受，但是表单不会设置为无效。

我错过了什么？

Answer 1

如果您设置有效的最小和最大日期（hardcode/data 绑定），它将锁定该持续时间。您甚至无法使用 up/down 插入符号访问超出此范围的日期。

<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>

angular 表单未在低于最小值的日期设置为无效

angular form not getting set to invalid on date below min value

angularjs

angularjs-forms