小编典典

为什么Angular日期过滤器显示错误的日期?

angularjs

我正在使用日期输入字段,并使用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/


阅读 236

收藏
2020-07-04

共1个答案

小编典典

这是一个时区问题。

如果您在日期选择器中输入某个日期(例如2013年6月8日),则该时间为格林尼治标准时间午夜。如果您居住在英格兰西部,例如在美国,那就是2013年6月7日。

换线

{{ startDate | date:'fullDate' }}

{{ startDate | date:'medium' }}

看时间!

2020-07-04