Angular Bootstrap UI、HTML5 日期选择器和 Angular 1.3.0
Angular Bootstrap UI, HTML5 date picker and Angular 1.3.0
我正在使用来自 Angular Bootstrap UI 的日期选择器,当我将类型属性更改为日期时它不起作用,因此启用了 HTML5 日期-选择器。一旦使用日期选择器选择了日期,这就会将输入字段的绑定值设置为未定义。 Angular 1.2.x 似乎工作正常。有没有人有任何熟悉的问题和解决这个问题的方法?我还在他们的 Github 网站上 submitted an issue。
解决此问题的方法是添加 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 日期选择器。
我正在使用来自 Angular Bootstrap UI 的日期选择器,当我将类型属性更改为日期时它不起作用,因此启用了 HTML5 日期-选择器。一旦使用日期选择器选择了日期,这就会将输入字段的绑定值设置为未定义。 Angular 1.2.x 似乎工作正常。有没有人有任何熟悉的问题和解决这个问题的方法?我还在他们的 Github 网站上 submitted an issue。
解决此问题的方法是添加 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 日期选择器。