How to display date in angular with filter

Question

How to display date in angular with filter.

Below output shows the input and the output (with/without angular date filter)

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

Any help is appreciated.

Just code · Accepted Answer · 2015-03-19 09:15:51Z

2

I also had similar problem and then I came across this solution:

Add this into your app.js file

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();
    };
});

And then call like this

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

EventStartDate is your datefield

You also can change the format of date in this

var _date = $filter('date')(new Date(input), 'dd MMM yyyy');
                                                 ^^ here

To mention that angularauthapp is your app name

edited Mar 19, 2015 at 9:15

answered Mar 19, 2015 at 9:05

Just code

13.8k10 gold badges54 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Giannis Paraskevopoulos · Accepted Answer · 2015-03-19 09:23:27Z

1

You can do it in the markup

{{v.Dt | date : 'dd MMM yyyy'}}

answered Mar 19, 2015 at 9:23

Giannis Paraskevopoulos

18.5k2 gold badges52 silver badges72 bronze badges

Collectives™ on Stack Overflow

How to display date in angular with filter

2 Answers 2

Add this into your app.js file

And then call like this

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Add this into your app.js file

And then call like this

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related