如何使用过滤器以角度显示日期

时间:2015-03-19 09:02:14

标签: javascript angularjs date

如何使用过滤器以角度显示日期。

下面的输出显示输入和输出(带/不带角度日期过滤器)

In: {{v.Dt}}  
Angular: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}
prints:

In: 2015-03-19T05:52:10.634062Z 
Angular: 2015-03-19T05:52:10.634062Z 

The desired display format is 19 Mar 2015

感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

我也有类似的问题然后我遇到了这个解决方案:

将其添加到 app.js 文件

angular.module('AngularAuthApp').filter('Convertdate', function ($filter) {
    return function (input) {
        if (input == null) { return ""; }
        var _date = $filter('date')(new Date(input), 'dd MMM yyyy');
        return _date.toUpperCase();
    };
});

然后像这样打电话

   <small class="styleColor">{{Event.EventStartDate | Convertdate}}</small>

EventStartDate是您的日期字段

您还可以在此

中更改日期格式
var _date = $filter('date')(new Date(input), 'dd MMM yyyy');
                                                 ^^ here

要提及 angularauthapp 是您的应用名称

答案 1 :(得分:1)

您可以在标记

中执行此操作
{{v.Dt | date : 'dd MMM yyyy'}}