Angular format date not rendering

Question

I'm trying to use Angular's date/time formatting with this string

2015-01-20 16:49:07+00:00

{{ myDate | date : 'medium' }}

However, it doesn't seem to be working? Is the original string messed up?

I just tried it with your string and it worked perfectly... If you take out the | date ... part and just leave it as {{ myDate }} what comes out? — Mark Pieszak - Trilon.io
– Mark Pieszak - Trilon.io, Commented Feb 11, 2015 at 19:19

dave · Accepted Answer · 2015-02-11 19:31:14Z

2

According to the angular date filter docs:

Date to format either as Date object, milliseconds (string or number) or various ISO 8601 datetime string formats (e.g. yyyy-MM-ddTHH:mm:ss.sssZ and its shorter versions like yyyy-MM-ddTHH:mmZ, yyyy-MM-dd or yyyyMMddTHHmmssZ). If no timezone is specified in the string input, the time is considered to be in the local timezone.

You'll notice that for an ISO 8601 date, you need a T before the time:

"2015-01-20T16:49:07+00:00"

http://jsfiddle.net/p84zjy6t/

edited Feb 11, 2015 at 19:31

answered Feb 11, 2015 at 19:20

dave

65.1k6 gold badges81 silver badges98 bronze badges

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

Comments

Ben Diamant · Accepted Answer · 2015-02-11 19:13:20Z

0

The correct usage is:

{{ date_expression | date : format }}

To check all format options check the docs

answered Feb 11, 2015 at 19:13

Ben Diamant

6,2164 gold badges39 silver badges51 bronze badges

Collectives™ on Stack Overflow

Angular format date not rendering

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related