Dlaczego filtr daty Angular wyświetla niewłaściwą datę?

Question

Używam pola wprowadzania daty i formatowania wybranej daty w moim ui za pomocą Angular. Ale sformatowana data jest zawsze o 1 dzień krótsza niż wybrana data. Dlaczego tak jest i jak mogę to naprawić?

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', []); 

Mam skrzypce który demonstruje problem: http://jsfiddle.net/wittersworld/uY3s9/

EDIT: zaktualizowałem skrzypce z roztworu roboczego: http://jsfiddle.net/wittersworld/uY3s9/2/

Answer 1

To jest problem strefy czasowej.

Jeśli wprowadzisz datę, powiedzmy, 8 czerwca 2013 r. Do selektora daty, to północ GMT. Jeśli mieszkasz na zachód od Anglii, powiedzmy, w Stanach Zjednoczonych, to 7 czerwca 2013 r

zmienić linię

{{ startDate | date:'fullDate' }} 

do

{{ startDate | date:'medium' }} 

aby zobaczyć czas!