How to prevent date conversion to local time zone with DayJS

Question

I have a date string const someDate = 2023-02-13T09:00:00.000-05:00

The problem is when I'm formatting it via DayJS.

dayjs(someDate).format('h:mm A')

It returns me string according to my local time zone, when I need to keep like I received.

Any way to disable converting time to local timezone in DayJS?

see the docs [converting to zone](https://day.js.org/docs/en/timezone/converting-to-zone) — pilchard, Feb 02 '23 at 14:36
It looks like you want to load this date as utc https://day.js.org/docs/en/plugin/utc — Konrad, Feb 02 '23 at 14:38

score 6 · Accepted Answer · answered Feb 02 '23 at 14:39

Yes!

You can disable converting to local timezone in dayjs by passing in the original timezone as an additional argument in the dayjs constructor.

Example:

const someDate = "2023-02-13T09:00:00.000-05:00";
const originalTimezone = someDate.slice(-6);
const formattedDate = dayjs(someDate).utcOffset(originalTimezone).format('h:mm A');

The utcOffset() method allows you to set the offset in minutes from UTC for a specific date instance. The originalTimezone constant is used to extract the timezone offset (-05:00) from the original date string someDate, and pass it to the utcOffset() method. This will ensure that the formatted date stays in the original timezone.

Extremely underrated answer that should be in the dayjs docs! — brandonscript, Aug 15 '23 at 19:42

score 1 · Answer 2 · answered May 04 '23 at 19:54

1

You can use the utc plugin.

import dayjs from "dayjs";
import utc from 'dayjs/plugin/utc';

dayjs.extend(utc)


const dateTime = "2023-02-13T09:00:00.000-05:00";
const value = dayjs.utc(dateTime).format('h:mm A');

console.log(value);

answered May 04 '23 at 19:54

Emeka Nwachukwu

41
2
5

How to prevent date conversion to local time zone with DayJS

2 Answers2