在 AngularJS 中设置日期时间的格式

javascript angularjs date datefilter

2022-08-30 04:49:09

如何在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 04002010-10-28 23:40:23 EST

答案 1

你的代码应该像你看到这个小提琴一样工作。

但是，您必须确保自己的日期对象是正确的日期对象才能正常工作。v.Dt

{{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

或者如果 dateFormat 在作用域中被定义为 dateFormat = 'yyyy-MM-dd HH：mm：ss Z'：

{{dt | date:dateFormat }}

答案 2

v.Dt 可能不是 Date（）对象。

但在控制器中：

scope.v.Dt = Date.parse(scope.v.Dt);