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
– Perry, Commented Jul 25, 2016 at 14:06
Angular (javascript) uses milliseconds instead of seconds @Kikus — Perry
– Perry, Commented Jul 25, 2016 at 14:07

Roy · Accepted Answer · 2017-01-26 10:07:11Z

148

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, 2017 at 10:07

Roy

8,1295 gold badges29 silver badges49 bronze badges

answered Jul 25, 2016 at 16:17

Pace

44.5k14 gold badges128 silver badges164 bronze badges

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

Comments

Guilherme Lucas · Accepted Answer · 2019-06-21 01:12:06Z

17

I used:

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

More info in https://angular.io/api/common/DatePipe

answered Jun 21, 2019 at 1:12

Guilherme Lucas

4977 silver badges14 bronze badges

2 Comments

Francisco Over a year ago

this works for Date objects. With epoch time, the other answer can be used to convert to valid time objects

Francisco Over a year ago

this works for Date objects. With epoch time, the other answer can be used to convert to valid time objects

Nikhil Patil · Accepted Answer · 2021-08-26 19:09:29Z

1

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

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

edited Aug 26, 2021 at 19:09

Nikhil Patil

2,5331 gold badge9 silver badges20 bronze badges

answered Aug 26, 2021 at 6:30

suganthb

111 bronze badge

Collectives™ on Stack Overflow

Convert timestamp to date using Angular 2 pipes

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related