angularjs – 为什么角度日期过滤器显示错误的日期？

发布时间：2020-12-17 08:06:42 所属栏目：安全来源：网络整理

导读：我正在使用日期输入字段，并用Angular格式化我的ui中的选定日期。但格式化的日期总是比所选日期少1天。为什么会这样，怎么解决呢？ HTML： div ng-app="miniapp" div label class="control-label" for="inputStart"Start Date:/label input type="date" id="

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

这是时区问题。

如果您输入日期，例如2013年6月8日到您的日期选择器，那是GMT的午夜。如果你住在英国西部，比方说在美国是2013年6月7日。

换行

{{ startDate | date:'fullDate' }}

至

{{ startDate | date:'medium' }}

看时间！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!