angularjs - Angular ui 掩码不适用于 angular-ui 日期选择器

Question

我正在尝试将 angular-ui-mask 与 angular-ui-bootstrap datepicker 组件一起使用。

当我使用它时，输入会被分配 ng-invalid-date 类，即使日期是有效日期，并且在我关注该字段后日期会被清除。

我不想将 HTML 输入与 type='date' 一起使用因为并非所有浏览器都支持它。

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

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

Answer 1

路易斯的回答有点正确，但很不清楚(如果你想删除斜线)。由于默认情况下 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" ... >