Question

我的日期格式如下，

"tranDate": "2015-11-02T18:30:00.000Z"

如何以人类可读的方式格式化日期和时间。

date: 2015-11-02
time: 18:30:00

Answer 1

由于您的字符串包含Zulu时间，因此首先使用new Date将字符串转换为日期，如下所示：

$scope.date = new Date(obj['tranDate'].replace(' ', 'T'))

然后在模板中使用angular的内置date filters.。例如：

{{date | date: 'd MMM yyyy'}}

Answer 2

date filter将按原样处理UTC日期时间字符串。

Answer 3

IN CONCROLLER

将以下代码放入控制器

$scope.date_test = {"tranDate": new Date()}

在HTML中

date : {{date_test.tranDate  | date: 'yyyy-M-dd'}}
time : {{date_test.tranDate  | date:"h:mm:ss"}}

这是形成日期和时间的例子