2012-11-11 93 views
5

所以我必須:AngularJS UI的日期格式

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

它的偉大工程。 div日曆'date2'將跟隨其之前ui-date輸入的更改,即'date1'輸入框。想象一下旅行社的預訂頁面,'date4'會自動與'date3'分組,'date6'會與'date5'分組,自動...等。做得好。

但是,在我的示例代碼<input ng-model="date1" ui-date>只適用於美國格式的反斜槓分隔符'MM/dd/yyyy'。

我的問題是,如何更改默認輸入日期格式?如果我想將iso-8601'yyyy-MM-dd'作爲我的輸入,那麼ui-date似乎並不認爲它是有效的輸入。我試過ui-date="yyyy-MM-dd"它似乎沒有任何效果。

回答

11

由於這是在jQueryUI的的日期選擇器的包裝,你應該檢查document here

您可以設置它像這樣

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

這裏是plunker

+1

謝謝!它有助於!我怎麼知道哪一個是JQuery包裝器,或者他們來自AngularUI? – Tom

+0

不客氣。你可以在Github上查看它的源代碼。 – maxisam