Convert timestamp to date using Angular 2 pipes

Platus picture Platus · Jul 25, 2016 · Viewed 55.8k times · Source

I'm trying to convert a timestamp to a date format using Angular pipes. I wrote this in the HTML template:

{{myTimestamp | date}}

Where myTimestamp is of type number.

I get unexpected results, for example the timestamp 1468251287 (Which matches Nov 7, 2016) is displayed as Jan 18, 1970.

I would like to know how I can fix this issue.

Answer

Pace picture Pace · Jul 25, 2016

As mentioned by @Perry you will need to provide the date in milliseconds. From the Angular 2 reference for date we have:

expression is a date object or a number (milliseconds since UTC epoch) or an ISO string

So it can be simply be:

{{load.loadDate * 1000 | date}}