2013-06-08 25 views
17

Sto utilizzando un campo di inserimento della data e la formattazione della data selezionata nel mio ui con Angular. Ma la data formattata è sempre 1 giorno in meno rispetto alla data selezionata. Perché è così, e come posso risolverlo?Perché il filtro della data angolare mostra una data errata?

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

ho un violino che dimostra la questione: http://jsfiddle.net/wittersworld/uY3s9/

EDIT: ho aggiornato il violino con una soluzione di lavoro: http://jsfiddle.net/wittersworld/uY3s9/2/

+0

Nelle date del violino sembra proprio bene. – Stewie

+1

@Stewie perché Sarajevo è GMT + 1. Se provi il violino dell'Op alle 0:05 del tuo tempo in cui GMT è alle 23:05 del giorno precedente, sembrerà che il violino si mostri un giorno più tardi di quello che hai inserito. –

risposta

15

Questo è un problema di fuso orario.

Se si immette una data, ad esempio, l'8 giugno 2013 nel proprio selettore di date, è GMT di mezzanotte. Se vivete ovest dell'Inghilterra, per esempio, negli Stati Uniti, è il 7 giugno 2013.

Modificare la linea

{{ startDate | date:'fullDate' }} 

a

{{ startDate | date:'medium' }} 

per vedere il tempo!

+1

Grazie Ray! Questo mi ha portato sulla strada giusta per una soluzione. Ho trovato un articolo che mi ha aiutato per il resto del modo, e aggiornato il violino con un metodo di lavoro. http://www.techrepublic.com/article/convert-the-local-time-to-another-time-zone-with-this-javascript/6016329 – witters

+0

+1 Per aver tempo di spiegare perché funziona per me. – Stewie

+2

Link di lavoro: http://www.techrepublic.com/article/convert-the-local-time-to-another-time-zone-with-this-javascript/ – jeffgabhart

Problemi correlati