Convert timestamp to date using Angular 2 pipes

Question

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.

When you multiple the timestamp by **1000**, it will show the correct date. — Perry, Jul 25 '16 at 14:06
Angular (javascript) uses **milliseconds** instead of **seconds** @Kikus — Perry, Jul 25 '16 at 14:07

score 144 · Accepted Answer · edited Jan 26 '17 at 10:07

144

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}}

edited Jan 26 '17 at 10:07

Roy

answered Jul 25 '16 at 16:17

Pace

score 16 · Answer 2 · answered Jun 21 '19 at 01:12

16

I used:

<div>{{score.timestamp | date:'dd/MM/yyyy'}}</div>

answered Jun 21 '19 at 01:12

Guilherme Lucas

this works for Date objects. With epoch time, the other answer can be used to convert to valid time objects – Francisco May 05 '21 at 12:59
this works for Date objects. With epoch time, the other answer can be used to convert to valid time objects – Francisco May 05 '21 at 12:59

score 0 · Answer 3 · edited Aug 26 '21 at 19:09

0

So if your looking to change timestamp to specific date then try this:

Date(user.dob).toLocaleDateString('en-GB')

edited Aug 26 '21 at 19:09

Nikhil Patil

answered Aug 26 '21 at 06:30

suganthb

3 Answers3