Question

我正在使用http://angular-ui.github.io/bootstrap/

中的日期选择器

<input type="text" class="form-control" uib-datepicker-popup="d MMMM yyyy" 
    ng-model="myDetails.makeNow.completedDate" datepicker-options="dateOptions" 
    ng-required="true" close-text="{% trans %} task.close {% endtrans %}" 
    is-open="completedDate.opened" />

这样，由于我指定的格式，输入框的内容可能会显示：9 December 2015。

但是myDetails.makeNow.completedDate会有：2015-12-08T16:00:00.000Z

我需要更改哪些内容，以便myDetails.makeNow.completedDate也包含9 December 2015？

由于

Answer 1

当您使用{{myDetails.makeNow.completedDate | date : 'd MMMM yyyy'}}返回9 December 2015时，无需更改。

如果您将日期（例如2015年12月9日）输入日期选择器，那就是格林尼治标准时间午夜。如果你住在英格兰西部，比如在美国，那就是2015年12月8日。

Answer 2

如果您显示日期（即ng-model =“dt”），则来自http://angular-ui.github.io/bootstrap/的日期选取器中，日期仅以2015-12-08T16:00:00.000Z格式显示。要以d MMMM yyyy格式显示日期，您可以使用过滤器

UI Bootstrap - Angular datepicker ng-model格式

2 个答案: