javascript - 如何使用过滤器以 Angular 显示日期

Question

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

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

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

感谢任何帮助。

Answer 1

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

将其添加到您的 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 是您的应用名称