javascript - Angular Bootstrap UI、HTML5 日期选择器和 Angular 1.3.0

Question

我正在使用来自 Angular Bootstrap UI 的日期选择器，当我将类型属性更改为日期时它不起作用，因此启用了 HTML5 日期选择器。一旦使用日期选择器选择了日期，这就会将输入字段的绑定(bind)值设置为未定义。它似乎在 Angular 1.2.x 上运行良好。有没有人有任何熟悉的问题和解决这个问题的方法？我也submitted an issue在他们的 Github 网站上。

Answer 1

解决方法是添加一个隐藏的输入字段，Bootstrap 日期选择器会使用它。另一个 HTML5 日期选择器与 Bootstrap 日期选择器没有任何关系，除了它们都具有以下相同的模型:

          <input type="date" class="form-control" ng-model="dt" ng-required="true" />
          <input type="hidden" datepicker-popup="yyyy-MM-dd" ng-model="dt" is-open="opened" ng-required="true" close-text="Close" />

Here is a sample Plunker关于我如何解决这个问题。也可以通过在日期输入字段上使用 ng-click 来覆盖 HTML5 日期选择器。