dayjs is not converting timezones properly

Question

I'm trying to convert a date from my local time (Taipei UTC+8) to Los Angeles ( UTC-7) however dayjs conversion seems to be completely off :

dayjs("2020-09-21 20:30").tz("Asia/Taipei")

this results in Tue Sep 22 2020 05:30:00 GMT-0400 (Eastern Daylight Time) but it should have been Mon Sep 21 2020 02:30:00 GMT-0400 (Eastern Daylight Time)

any idea what's going on?

Please read the Day.js documentation about string parsing and "Parsing in Zone". — str, Sep 22 '20 at 09:40

donquixote · Accepted Answer · 2023-03-21T11:07:12.807

12

I fixed using utc first and then format on local timezone

import dayjs from 'dayjs'
import utc from 'dayjs/plugin/utc'
import tz from 'dayjs/plugin/timezone'

dayjs.extend(utc)
dayjs.extend(tz)

const timeZone = dayjs.tz.guess()
dayjs.utc(dateToConvert).tz(timeZone)

edited Mar 21 '23 at 11:07

answered Jul 23 '21 at 15:56

donquixote

365
3
10

THIS is the fix. – Stephanieraymos Jun 07 '22 at 00:11
What is `utcDate`? – Abdull Nov 04 '22 at 16:02
@Abdull date which should be converted to desired tz – donquixote Nov 11 '22 at 20:29

score 3 · Answer 2 · answered Sep 22 '20 at 09:46

3

try this:

dayjs.extend(utc)
dayjs.extend(timezone)
dayjs("2020-09-21 20:30").tz("Asia/Taipei")

answered Sep 22 '20 at 09:46

Nbody

1,168
7
33

Petter · Answer 3 · 2022-05-10T12:27:25.543

3

import dayjs from 'dayjs'
import utc from 'dayjs/plugin/utc'
import tz from 'dayjs/plugin/timezone'

dayjs.extend(utc)
dayjs.extend(tz)    

dayjs("2020-09-21 20:30").tz("Asia/Taipei").local().toDate();

dayjs("2020-09-21 20:30").tz("Asia/Taipei").local().toDate().toLocaleString();

.toString() and .toISOString() seem to always print the original date, before the timezone conversion, which may cause some confusion. toDate().toLocaleString() works.

edited May 10 '22 at 12:27

answered May 04 '22 at 18:56

Petter

99
4

This is the real answer. By not setting `.local().toDate()` it does not convert the date to the selected timezone. Really strange approach they took with that. – Lynx Jul 05 '23 at 19:14

score 2 · Answer 4 · answered Sep 22 '20 at 11:04

2

I've fixed it by adding .local() after dayjs("2020-09-21 20:30").tz("Asia/Taipei").local()

answered Sep 22 '20 at 11:04

João Pedro

794
2
12
28

score 2 · Answer 5 · answered Apr 21 '22 at 09:06

2

I'm using latest version of dayjs - 1.11.1 and react native v0.66.4. When I write:

dayjs("2020-09-21 20:30").tz("Asia/Taipei")

I get null as result. Does anybody have that problem?

answered Apr 21 '22 at 09:06

olga_babic

1,600
3
9
18

1

Did you solve this ? – Amir Choubani Apr 28 '22 at 07:38
check this https://github.com/iamkun/dayjs/issues/1377#issuecomment-775941749 – Nicolas Sturm Oct 18 '22 at 12:05

score 1 · Answer 6 · answered Nov 02 '22 at 10:36

Without including any plugin like utc, timezone you can easily format utc date and pass it into dayjs like below:

const utcTimestamp = 1668414677538;
const utcFormat = dayjs(utcTimestamp).format('YYYY-MM-DDTHH:mm:ss+00:00');
console.log(dayjs(utcFormat).format('DD MMM, hh:mm a'));

It will do the trick

dayjs is not converting timezones properly

6 Answers6

Linked