Using AngularJS date filter with UTC date

angularjs datetime angularjs-filter
Francisc picture Francisc · Dec 18, 2013 · Viewed 174.7k times · Source

I have an UTC date in milliseconds which I am passing to Angular's date filter for human formatting.

{{someDate | date:'d MMMM yyyy'}}

Awesome, except someDate is in UTC and the date filter considers it to be in local time.

How can I tell Angular that someDate is UTC?

Thank you.

Answer

nir picture nir · Sep 21, 2014

Seems like AngularJS folks are working on it in version 1.3.0. All you need to do is adding : 'UTC' after the format string. Something like:

{{someDate | date:'d MMMM yyyy' : 'UTC'}}

As you can see in the docs, you can also play with it here: Plunker example

BTW, I think there is a bug with the Z parameter, since it still show local timezone even with 'UTC'.

Related questions

AngularJS - convert dates in controller

Could anyone please suggest me how to convert date from this 1387843200000 format into this 24/12/2013 inside my controller? Just FYI my dates are stored in this way & when binding to edit form with input type="date" field is not being …

Read More
AngularJS UnixTime to DateTime Format with date filter failed

I learned that one can transform a unix time stamp into a date by using date filter from this post: AngularJS. Convert tag value (Unix time to human-readable time) But I can not convert mine with it... <td>{{…

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More