Angular,Angular-ui:日期 - 不同的输出格式

时间:2013-04-01 20:51:26

标签: javascript angularjs angular-ui

我的日期是这种格式的字符串:

Dec 31, 1969 7:00:00 PM

我想在视图上显示更短的日期,所以我使用angular

执行此操作
<input ui-date="{ dateFormat: 'yy-mm-dd' }" ui-date-format ng-model="project.date" />

但是,project.date不再是旧格式,而是unix one(我认为):

1969-12-09T05:00:00.000Z

但我想以之前的格式输出它:

Dec 31, 1969 7:00:00 PM

我怎么能这样做?

2 个答案:

答案 0 :(得分:2)

使用日期过滤器,exp:{{yourDate |日期:'中等'}} 检查一下:http://docs.angularjs.org/api/ng.filter:date

答案 1 :(得分:1)

您可以执行以下操作:

<input ui-date="{ project.date | date : 'medium'}" ui-date-format ng-model="project.date" />
在你的html标签或你的ctrl

$scope.today = $filter('date')(project.date,''MMM d, y h:mm:ss a'');

确保您依赖注入$filter到您的ctrl

To see more of date formats here