Converting to local time using UTC time zone format in Javascript

Question

Been trying to wrap my head around this for a good time now, but I can't think of a good way to do it.

I have an array with a bunch of different UTC time zones (in just format -07, -01, +03, +10, etc). What I'm trying to achieve is a way to show the local time of those time zones, possibly including the day and month.

Here's an example of the resulting string: Local time: 14:09 23/08

You can read about how to mange date and time in JS here: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Eloi
– Eloi, Commented Jul 23, 2021 at 14:47
You can use Date.prototype.getTimezoneOffset() to get your local timezone. Calculate the difference between your local timezone and the destination timezone, multiply it with 3600000 and add it to a Date object containing the current time. — user15388024
– user15388024, Commented Jul 23, 2021 at 14:51

score 1 · Accepted Answer · 2021-07-23 23:00:37Z

1

You can use Date.prototype.getTimezoneOffset() to get your local timezone. Calculate the difference between your local timezone and the destination timezone, multiply it with 3600000 and add it to a Date object containing the current time.

const now = new Date();
const timezoneOffset = now.getTimezoneOffset() / 60;
const timezones = ['-07', '-01', '+03', '+10'];
timezones.forEach(timezone => {
  const difference = +timezone + timezoneOffset;
  const time = new Date(now.getTime() + difference * 3600000);
  console.log(`Local time: ${time.toLocaleTimeString([], { timeStyle: 'short', hour12: false })} ${time.toLocaleDateString([], { month: '2-digit', day: '2-digit' })}`);
});

edited Jul 23, 2021 at 23:00

answered Jul 23, 2021 at 15:07

user15388024

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

3 Comments

Piipperi800 Over a year ago

How can I change this to a European format? Currently displays the time in 12 hr mm/dd which is the opposite of what I specified in the post. Edit: also, the code gives me the incorrect time by 3 hours, possibly because I'm on UTC+03 myself and the code thinks I'm on UTC+00?

Piipperi800 Over a year ago

Update: I managed to change the formatting, but I'm still not sure how to fix the time being incorrect...

user15388024 Over a year ago

@Piipperi800 I fixed it. getTimezoneOffset() returns the negative of what I expected.

Collectives™ on Stack Overflow

Converting to local time using UTC time zone format in Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related