angular-ui-bootstrap datepicker和masked input

时间:2014-04-13 15:43:32

标签: angularjs angular-ui angular-ui-bootstrap angular-bootstrap

我正在Angular& amp;希望我在正确的位置找到我的问题/问题的答案。 如果没有,请指出我正确的方向。

我正在使用角度UI引导程序popup datepicker,如下例所示: http://angular-ui.github.io/bootstrap/#/datepicker

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

我怀疑是因为角度模型的类型不同:datepicker想要JS Date对象/ ui.mask想要(蒙面)字符串。

当选择的日期被uiMask格式化/解析时,它会出错: - /

我想做的甚至可能吗?

亲切的问候,汤姆。

1 个答案:

答案 0 :(得分:0)

我有兴趣知道答案。以下是将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" />