Angular Bootstrap UI，HTML5日期选择器和Angular 1.3.0

Question

我正在使用Angular Bootstrap UI中的日期选择器，当我将type属性更改为date时它不起作用，从而启用HTML5日期选择器。这使得一旦使用datepicker选择日期，就会将输入字段的绑定值设置为undefined。它似乎与Angular 1.2.x一起工作正常。有没有人有任何熟悉的问题和这个问题的解决方案？我还在他们的Github网站上submitted an issue。

Answer 1

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

          <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日期选择器。