javascript - Angular Bootstrap 日期选择器和手动日期输入

Question

我正在使用 angularjs、angular bootstap ( this one ) 和它们的日期选择器来输入日期。

<input type="text" datepicker-popup="dd.mm.yyyy" ng-model="dt" datepicker-options="dateOptions" ng-required="true">

我希望能够手动更改日期选择器选择的日期。例如，我在日期选择器中选择了 07.09.2013，我想将其更改为 07.09.2012。为此，我在我的输入中单击并按下退格键以删除最后一位数字 3 并将数字 2 放在那里。问题是当我这样做时，我的 ng-model 变成了 Date 对象的字符串并且 datepicker 没有捕捉到新日期。您可以尝试在 Angular Bootstrap 页面(使用 firefox)上执行此操作。

我知道这是正常行为，因为输入类型文本表明用户可以在浏览器中放置他想要的任何文本，以及 ng-model 指令，因为它是这样工作的。但是这个问题有解决方法吗？我认为我需要使用 ng-change 或 $watch 监控我的 ng-model，并使用提到的库将其转换为 Date 对象 here (我不能使用 Date.parse() 因为我的日期格式对此函数无效)。

我的问题是:这个问题有什么不同的解决方案吗？任何配置标志或特定于 Angular 东西？

Answer 1

据我所知，这种行为已为社区所熟知。

wemove 在 this site 上可能描述了一个可能的解决方案/变通方法，虽然还没有尝试过，但看起来很有希望。

另一种可能性是直接使用底层的 jquery datepicker，它(afaik)由 angular 指令包装。这就是我为我的项目做的方式，因为我需要同时提供日期选择器和手动输入。

我做了一个 plnkr here ，它很难看但它有效，即您可以使用日期选择器或手动输入值。

塞布