如何在 AngularJS 中正确显示日期和时间？
下面的输出显示了输入和输出，有和没有 AngularJS 日期过滤器：
In: {{v.Dt}}
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}
这打印：
In: 2012-10-16T17:57:28.556094Z
AngularJS: 2012-10-16T17:57:28.556094Z
所需的显示格式是
2010-10-28 23:40:23 0400或2010-10-28 23:40:23 EST
v.Dt 可能不是 Date() 对象。
见http://jsfiddle.net/southerd/xG2t8/
但在你的控制器中：
scope.v.Dt = Date.parse(scope.v.Dt);
我知道这是一个旧项目，但我想我会考虑另一种选择。
由于原始字符串不包含“T”分隔符，Angular 中的默认实现不会将其识别为日期。您可以使用 new Date 强制它，但这对数组来说有点麻烦。由于您可以将过滤器连接在一起，因此您可以使用过滤器将输入转换为日期，然后在转换后的日期上应用 date: 过滤器。创建一个新的自定义过滤器，如下所示：
app
.filter("asDate", function () {
return function (input) {
return new Date(input);
}
});
然后在您的标记中，您可以将过滤器连接在一起：
{{item.myDateTimeString | asDate | date:'shortDate'}}
您可以像这样获得“日期”过滤器：
var today = $filter('date')(new Date(),'yyyy-MM-dd HH:mm:ss Z');
这将以您想要的格式为您提供今天的日期。
这是一个过滤器，它将采用日期字符串或 javascript Date() 对象。它使用Moment.js并且可以应用任何Moment.js转换函数，例如流行的“fromNow”
angular.module('myModule').filter('moment', function () {
return function (input, momentFn /*, param1, param2, ...param n */) {
var args = Array.prototype.slice.call(arguments, 2),
momentObj = moment(input);
return momentObj[momentFn].apply(momentObj, args);
};
});
所以...
{{ anyDateObjectOrString | moment: 'format': 'MMM DD, YYYY' }}
将显示2014 年 11 月 11 日
{{ anyDateObjectOrString | moment: 'fromNow' }}
将显示10 分钟前
如果需要调用多个矩函数，可以将它们链接起来。这将转换为 UTC，然后格式化...
{{ someDate | moment: 'utc' | moment: 'format': 'MMM DD, YYYY' }}