javascript - 如何使用 AngularJS ui-date 指令格式化初始日期值？

Question

当我从服务器获取模型时，它看起来像这样:

$scope.m = 
{
   name: "John",
   Dt:   "2013-10-03T18:47:33.5049087-07:00"
};

View 看起来像:

<input title="Date" ui-date ng-model="m.Dt" />

我将 jQuery datepicker 上的默认日期格式设置为:

$.datepicker.setDefaults({dateFormat: 'mm-dd-yy'});

输入的初始值仍然是“2013-10-03T18:47:33.5049087-07:00”。它仅格式化为 mm-dd-yy如果我使用日期选择器来更改日期。

我怎样才能得到初始值也在 mm-dd-yy 中格式？

Answer 1

你的 $scope.m.Dt 属性应该是 日期类型 ，不是字符串。

$scope.m = 
{
   name: "John",
   Dt:   new Date()
};

要设置日期格式，请使用 ui-date-format 指令，如:

<input title="Date" ui-date ui-date-format="mm-dd-yy" ng-model="m.Dt" />

请参阅自述文件中的示例: https://github.com/angular-ui/ui-date#ui-date-format-directive