2012-11-11 17 views
5

Così ho:AngularJS formato ui-data

<input ng-model="date1" ui-date> 
<div ng-model="date2" ui-date></div> 

Funziona benissimo. Il calendario div 'data2' seguirà la modifica del suo precedente input di data-utente, cioè 'date1' la casella di input.

AngularUI ha fatto un ottimo lavoro, quando sono presenti più calendari di input + div in una pagina, immagina una pagina di prenotazione dell'agente di viaggio, 'date4' si raggruppa automaticamente con 'date3', 'date6' raggruppa con 'date5' automaticamente ... ecc. molto bene.

Tuttavia, nel mio codice di esempio <input ng-model="date1" ui-date> funziona solo nel formato USA con delimitatori back-barra 'MM/gg/aaaa'.

La mia domanda è, come posso cambiare il formato della data di input predefinito? Se desidero avere iso-8601'yyy-MM-dd 'come mio input, ui-date non sembra riconoscerlo come input valido.

Ho provato ui-date="yyyy-MM-dd" non sembra avere alcun effetto.

risposta

11

Poiché questo è un wrapper per il DatePicker in jQueryUI, si dovrebbe verificare la document here

È possibile impostare in questo modo

ui-date="{ dateFormat: 'yy-mm-dd' }" 

Ecco la plunker

+1

Grazie! aiuta! Come faccio a sapere qual è il wrapper JQuery o da dove provengono in AngularUI? – Tom

+0

Prego. Puoi controllare la sua fonte su Github. – maxisam