angularjs – 角度ui掩码不使用angular-ui datepicker

我正在尝试使用带有angular-ui-bootstrap datepicker组件的angular-ui-mask.

当我使用它时,输入被赋予ng-invalid-date类,即使日期是有效的日期和日期在我从焦点移出字段后被清除.

我不想使用带有type =’date’的HTML输入,因为并非所有浏览器都支持它.

相同的plunker：

http://plnkr.co/edit/dW4AIlF37CLbSHf553d3?p=preview

<input type="text" class="form-control" ui-mask="99/99/9999" uib-datepicker-popup ng-model="dt" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date,mode)" ng-required="true" close-text="Close" />

检查元素以查看分配给它的类.

解决方法

路易斯的答案是对的,但非常不清楚(如果你想删除斜线).因为默认情况下ui-mask会删除占位符,所以你需要使用以下命令将它发送到uib-datepicker-popup：uib-datepicker-popup =“MMddyyyy”,例如：

<input type="text" uib-datepicker-popup="MMddyyyy" ui-mask="99/99/9999" ... >

或者,如果要保留占位符(斜杠),可以设置model-view-value =“true”,例如：

<input type="text" uib-datepicker-popup="MM/dd/yyyy" ui-mask="99/99/9999" model-view-value="true" ... >