AngularJS ui-date格式

时间:2012-11-11 05:09:12

标签: javascript angularjs angular-ui

所以我有:

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

效果很好。 div日历'date2'将跟随其上一个ui-date输入的更改,即'date1'输入框。

AngularUI表现非常出色,当您在一个页面中存在多个输入+ div日历时,想象一下旅行社预订页面,'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"它似乎没有任何效果。

1 个答案:

答案 0 :(得分:12)

由于这是jQueryUI中datepicker的包装器,你应该检查document here

您可以像这样设置

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

以下是plunker