AngularJS Bootstrap UI自动日期转换

时间:2016-03-03 21:28:46

标签: javascript angularjs twitter-bootstrap date

我目前正在使用0.14.3版本的AngularUI

http://angular-ui.github.io/bootstrap/versioned-docs/0.14.3/

我对datepickers有点问题。到目前为止我有这个:

<input type="text" uib-datepicker-popup="dd/MM/yyyy" ng-model="fooDate"/>

使用日历,到目前为止它的工作正常。日期以这种格式存储:

2016-01-01T00:00:00.000Z

问题是数据库(不可更改,我已经试图说服他们改变它)从输入框中获取并将其截断为一个看起来像2016-01-01的字符串,这是保存到数据库中。因此,当我保存,退出,然后加载表单并从后端检索信息时,它将2016-01-01检索为ng-model。在uib-datepicker-popup版本0.14.3的眼中,这不是有效的日期格式。

我已经写了一个自动转换2016-01-01的指令,但我不知道如何完成它,因为将ng-model更改为新的Date(stringDate),其中var stringDate ='2016-01-01 '显示

Fri Jan 01 2016 19:00:00 GMT-0500 (Eastern Standard Time)

在输入框中。

所以我想知道如何将String 2016-01-01转换为ng-model的日期对象

<input type="text" uib-datepicker-popup="dd/MM/yyyy" ng-model="fooDate"/>

这将允许它同时显示

01/01/2016 in the input box (because of the format of datepicker) *and* be valid.

谢谢!

0 个答案:

没有答案