Angular2 date pipe automatically adding timezone to date

Question

I have a date string, like this 1987-06-15T00:00:00.000Z, when I am added date pipe on it the date is showing a different date like Jun 14, 1987 in American time zone, but in India, it's showing correct.

<div>{{'1987-06-15T00:00:00.000Z' | date}}</div>

You can specify format in date pipe. If you are not happy with available date pipe formats, you can create and register your own pipe in the module. — Amit Kumar Singh, Aug 09 '17 at 05:36

score 4 · Answer 1 · answered Aug 09 '17 at 05:35

4

The string 1987-06-15T00:00:00.000Z represents different dates in different browser time zones.

Fix

If you don't want to change the date based on time zone, just use string parsing (e.g. substr) and not date parsing.

answered Aug 09 '17 at 05:35

basarat

261,912
58
460
511

Is there is any option in date pipe? – byteC0de Aug 09 '17 at 05:37
Nope. It is meant to represent a given date in the user's time zone. – basarat Aug 09 '17 at 05:38
1

From the Source code: WARNINGS: - this pipe uses the Internationalization API. Therefore it is only reliable in Chrome and Opera browsers. https://github.com/angular/angular/blob/4.3.3/packages/common/src/pipes/date_pipe.ts#L16-L143 – Max Aug 09 '17 at 05:38

score 4 · Accepted Answer · answered Aug 09 '17 at 06:04

4

This code is worked for me

<div>{{date_of_birth.split("T")[0] | date}}</div>

answered Aug 09 '17 at 06:04

byteC0de

5,153
5
33
66

Cleaner/slower/better/worse?
{{date_of_birth | splice: 0:10 | date}}
– Tim Harker May 20 '22 at 06:34

Angular2 date pipe automatically adding timezone to date

2 Answers2

Fix

Linked