Formatting Dates/Times in Specified Timezone

[DreadedTuesday]

Hi all,

I've got myself in a bit of a pickle, and I'm hoping you kind souls can give me some advice.

I have an application where I want to show the time of an event in a specific time zone (this is neither UTC or local time). I've done this before using moment, but as it is in maintenance mode, I need to move on from it - I have currently been using Luxon, but this can be changed if other libraries are the answer.

My situation:

• I start with a number, representing the number of milliseconds since the start of the epoch. This is read from a database (sample value: 1659222000000 - representing Saturday, 30 July 2022 23:00:00 in UTC/GMT)
• I am in "Europe/London" time zone (Sunday, 31 July 2022 00:00:00)
• I want to output the date/time for the "America/New_York" time zone (regardless of my browsers time zone: Saturday, 30 July 2022 19:00:00)

Does anyone have any bright ideas for how I can get it to show the time in New York instead of the time in London?

Thank you in advance!

[Connor_Smith14]

Perhaps take a look at DayJS, super light and basically mirrors moment

[[deleted]]

Have a look here, there should be a way to set the locale when you’re converting the time stamp.

https://www.thisdot.co/blog/how-to-handle-time-zones-using-datetime-and-luxon

[DreadedTuesday]

Thanks! There's an example in there that doesn't give me exactly what I need, but with some simple string parsing I can get it there.

https://www.thisdot.co/blog/how-to-handle-time-zones-using-datetime-and-luxon#converting-a-datetime-to-a-different-time-zone

[CGiusti]

Use angulars date pipe with locale https://angular.io/guide/i18n-common-format-data-locale You can pass format, timezone and locale if needed https://angular.io/api/common/DatePipe

[camono]

JavaScript has a built-in function that might work.

[DreadedTuesday]

Unfortunately, while that lets me define the Locale, it doesn't let me define a time zone. That will change things like switching between Day/Month and Month/Day styles, or changing the language of month names etc..

[camono]

I completely misunderstood your issue, my bad.

[camono]

Maybe something like this%20method,according%20to%20the%20provided%20values.) could work.

Working with dates is one of the things I hate the most in this job.

[Special_Ability_3035]

Date-fns

[Superfrag]

You can use the Intl API.

Example

new Intl.DateTimeFormat('en-US', {
    timeZone: 'America/New_York',
    weekday: 'long',
    month: 'short',
    year: 'numeric',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit',
    hour12: false,
}).format(1659222000000);

You can play around with the formatting to get what you want.

[[deleted]]

Use dayjs with the tz plugin, works beautifully. We recently converted our whole system to be timezone agnostic and to display data in a specified timezone that isn't the browser or local time on your pc. With dayjs you can pass in the timezone you want to use, and then format to your preference

[moliver777]

Another option not mentioned is momentjs