角度表格在日期低于最小值时未设置为无效

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>