angular-ui-bootstrap 日期选择器和屏蔽输入

Posted 2023-02-19

【中文标题】angular-ui-bootstrap 日期选择器和屏蔽输入

【英文标题】：angular-ui-bootstrap datepicker and masked input

【发布时间】：2014-05-27 12:08:36

【问题描述】：

我正在 Angular 中迈出第一步，希望我能在正确的地方找到我的问题/问题的答案。 如果没有，请指出正确的方向。

我正在使用 angular UI bootstrap popup datepicker，如下例所示： http://angular-ui.github.io/bootstrap/#/datepicker

当我将它与 uiMask 指令 (http://angular-ui.github.io/ui-utils/) 结合使用时，输入中的值会在我选择日期时被打乱。

我怀疑是因为角度模型的类型不同：datepicker 想要 JS 日期对象/ui.mask 想要（屏蔽）字符串。

当拾取的日期按照UIMASK格式化/解析时，出现问题： - /

我正在尝试做的事情是否可能？

亲切的问候，汤姆。

【问题讨论】：

你能给我们看一些代码吗？

【参考方案1】：

我有兴趣知道答案。这是将 ui-mask 与 datepicker 组合的示例： http://plnkr.co/edit/88ax7pkiEhsD5b74q3Bf?p=preview

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