Angular filter for date in HTML

Question

I am trying to filter the date using angular filter in HTML. But it is not working.

Here is my template code:

{{due_date | date:'MM/dd/yy'}}

The input is: {"due_date" : "2015-10-10 16:00:00.000+0000"}
The expected output is: 10/10/15

What mistake am I doing?

To help the community, your post was missing the current output (what error did you get, and what did the browser display instead of the expected result?). — Eloims
– Eloims, Commented Jan 25, 2016 at 17:27

squaleLis · Accepted Answer · 2016-01-25 16:25:46Z

2

It happens becouse due_date is a String instead of a Date object.

You can "convert" it by doing (maybe you should put this into your controller):

var due_date_parsed = new Date(due_date);

answered Jan 25, 2016 at 16:25

squaleLis

6,5242 gold badges25 silver badges32 bronze badges

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

1 Comment

Kamalesh Kk Over a year ago

if i parse the date "2015-12-16 22:00:12.844+0000" and use {{created_date_parsed | date:'hh:mm a'}} it is showing as 05:00 PM but it should be 10:00 PM.

Sandeep · Accepted Answer · 2016-01-25 16:28:48Z

0

parse your date like :

$scope.date = Date.parse(new Date());

in you code

Date.parse(jobDetails.trs_data.due_date)

answered Jan 25, 2016 at 16:28

Sandeep

1,4791 gold badge13 silver badges27 bronze badges

Comments

Nitin Garg · Accepted Answer · 2016-01-25 16:48:28Z

0

if string is also in proper date format like '20140313T00:00:00' then this code will work perfectly fine. In other case you will have to convert/parse the string to date type.

answered Jan 25, 2016 at 16:48

Nitin Garg

8866 silver badges7 bronze badges

1 Comment

Kamalesh Kk Over a year ago

if i parse the date "2015-12-16 22:00:12.844+0000" and use {{created_date_parsed | date:'hh:mm a'}} it is showing as 05:00 PM but it should be 10:00 PM.

Collectives™ on Stack Overflow

Angular filter for date in HTML

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related