我正在使用日期输入字段,并使用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日),则该时间为格林尼治标准时间午夜。如果您居住在英格兰西部,例如在美国,那就是2013年6月7日。
换线
{{ startDate | date:'fullDate' }}
至
{{ startDate | date:'medium' }}
看时间!