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
– Amit Kumar Singh, Commented Aug 9, 2017 at 5:36

basarat · Accepted Answer · 2017-08-09 05:35:29Z

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 9, 2017 at 5:35

basarat

278k60 gold badges475 silver badges528 bronze badges

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

3 Comments

byteC0de Over a year ago

Is there is any option in date pipe?

basarat Over a year ago

Nope. It is meant to represent a given date in the user's time zone.

Max Over a year ago

From the Source code: WARNINGS: - this pipe uses the Internationalization API. Therefore it is only reliable in Chrome and Opera browsers. github.com/angular/angular/blob/4.3.3/packages/common/src/pipes/…

byteC0de · Accepted Answer · 2017-08-09 06:04:15Z

4

This code is worked for me

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

answered Aug 9, 2017 at 6:04

byteC0de

5,3436 gold badges36 silver badges68 bronze badges

1 Comment

Tim Harker Over a year ago

Cleaner/slower/better/worse? <div>{{date_of_birth | splice: 0:10 | date}}</div>

Collectives™ on Stack Overflow

Angular2 date pipe automatically adding timezone to date

2 Answers 2

Fix

3 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Fix

3 Comments

1 Comment

Linked

Related