2013-10-08 18 views
5

Supponiamo che ho un oggetto salvato $scope.person come segue:Come si controlla l'uscita del fuso orario del filtro della data in Angolare?

{name:"John",birthday:1381227352421} 

Al fine di mantenere pulito e universale, il server mantiene tutti i timbri data/ora come universali da epoca.

Quando ho visualizzare l'oggetto, voglio essere in grado di fare

<span>{{ person.birthday | date }}</span> 

I lavori di cui sopra appena benissimo nel presentare il navigatore locale data/ora, ma voglio che controllata dall'utente, o forse Ho oggetti diversi, ognuno dei quali ha bisogno di un tempo diverso presentato.

Come è possibile controllare il filtro date in modo che venga visualizzato per fusi orari specifici?

MODIFICA: come richiesto, ulteriori spiegazioni. Voglio essere in grado di fare qualcosa di simile

<span>{{ person.birthday | date:'tz-'mytime }}</span> 

Allora posso avere un pull-down in cui l'utente sceglie "EDT" o "UTC" o "PST", ecc Quando lo fanno, la data di 1.381.227,352421 millions è presentato nel fuso orario appropriato.

+0

non capisco la tua domanda –

+0

unfotunetamente è così che funziona JS Date. non è un problema Angolare (a meno che non abbiano implementazione personalizzata di Data) – Aviatrix

+0

Hmm, @Aviatrix, buon punto. JS Date supporta solo l'output in UTC o nel fuso orario locale, non controllabile. Immagino che la risposta sia "non puoi", a meno che tu non usi qualche altro servizio. – deitch

risposta

0

Quello che farei è implementare una direttiva personalizzata. Come hai detto, ti piacerebbe avere un selectbox/pulldown in cui l'utente seleziona il suo fuso orario preferito. Questa è la manipolazione DOM, giusto? E la manipolazione del DOM, in AngularJS, dovrebbe sempre essere fatta in una direttiva.

Una direttiva che sarebbe simile a quello:

<timezonechooser data='birth'></timezonechooser> 

Ecco un semplice Fiddle: http://jsfiddle.net/Bm2Mh/

+0

Penso che tu abbia frainteso la domanda. Intendevo, Angular ha il supporto integrato per il filtraggio del fuso orario? – deitch

+0

Direi che non è così. – LoremIpsum

0

Hai guardato angular-moment?

+0

Non l'avevo visto. Alla fine, ho usato momenti con timezone time e costruito direttive per i clienti – deitch

Problemi correlati