angularjs - 为什么 Angular 日期过滤器显示错误的日期？

Question

我正在使用日期输入字段，并使用 Angular 在我的 ui 中格式化所选日期。但格式化日期总是比所选日期少 1 天。为什么会这样，我该如何解决？

HTML：

<div ng-app="miniapp">
    <div>
    <label class="control-label" for="inputStart">Start Date:</label>
        <input type="date" id="inputStart" data-ng-model="startDate" /><br />
        Selected: <span>{{ startDate }}</span><br />
        fullDate: <span>{{ startDate | date:'fullDate' }}</span><br />
        mediumDate: <span>{{ startDate | date:'mediumDate' }}</span><br />
        MMMM d yyyy<span>{{ startDate | date:'MMMM d yyyy' }}</span>
    </div>    
</div>

JS：

var app = angular.module('miniapp', []);

我有一个演示这个问题的小提琴：http: //jsfiddle.net/wittersworld/uY3s9/

编辑：我用一个可行的解决方案更新了小提琴：http: //jsfiddle.net/wittersworld/uY3s9/2/

Answer 1

这是一个时区问题。

如果您在日期选择器中输入一个日期，例如 2013 年 6 月 8 日，那就是格林威治标准时间午夜。如果你住在英格兰西部，比如说美国，那就是 2013 年 6 月 7 日。

换行

{{ startDate | date:'fullDate' }}

至

{{ startDate | date:'medium' }}

看时间！