Почему Угловой фильтр даты показывает неправильную дату?

Question

Я использую поле ввода даты и форматирование выбранной даты в своем ui с помощью Angular. Но отформатированная дата всегда на 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/

EDIT: Я обновил скрипку с рабочим раствором: http://jsfiddle.net/wittersworld/uY3s9/2/

Answer 1

Это проблема с часовым поясом.

Если вы вводите дату, например, 8 июня 2013 года, в свою дату, это полночь GMT. Если вы живете на запад Англии, скажем, в США, это 7 июня 2013 г.

Изменение линии

{{ startDate | date:'fullDate' }} 

в

{{ startDate | date:'medium' }} 

, чтобы увидеть время!