angularjs日期过滤器没有格式化我的json值

Question

我有一个返回 json 的服务，如下所示:

"Results":[{"Id":"1","SomeDate":"2/19/2013 10:34:04 PM"}

当我尝试使用绑定(bind)进行格式化时，它不起作用 - 它只显示上面的字符串:

{{values.SomeDate| date:'mediumTime' }}

但是，如果我只传递这种格式，它就可以工作:

{{ '1997-03-01T00:00:00+01:00' | date:'mediumTime'}}

解决此问题的最佳方法是什么？

Answer 1

正如 charlietfl 在评论中提到的，一个干净的选择是更新服务以返回已经与内置 Angular 过滤器兼容的日期格式。

但是，如果这不可能，您可以设置一个自定义过滤器来解析您的日期。

我推荐的一个(非常小的)库是 Moment.js:
http://momentjs.com/

以下是关于如何将 Moment.js 包装在自定义 Angular 过滤器中的示例博客文章:
http://www.34m0.com/2012/07/angularjs-user-friendly-date-display.html

angular.module('myModule').
    filter('fromNow', function() {
        return function(dateString) {
            return moment(new Date(dateString)).fromNow()
        };
    });

这将像这样使用:

{{ reply.createdDate | fromNow }}