Append timezone to time which is a date Object

Question

I am working on customizing primeng component for my requirement I came across a problem where I had to select a time and also select the time zone it should not affect the time selected but has to update the timezone as shown in the picture

I want to update only the timezone which is GMT to UTC as per selection

is there any way to update timezone without changing the date I tried finding a solution but failed please help on the problem

NOTE: I have customized the TIMEZONE selection

https://stackoverflow.com/questions/15141762/how-to-initialize-a-javascript-date-to-a-particular-time-zone — nitin, Mar 07 '19 at 07:17
I tried this `new Date().toLocaleString("en-US", {timeZone: "America/New_York"})` but this changes the date and time according to timezone i just want to append the timezone not change date or time according to time zone . — Vignesh, Mar 07 '19 at 07:23
console.log(Intl.DateTimeFormat().resolvedOptions().timeZone) will give you time zone — nitin, Mar 07 '19 at 07:27
If i select the another timezone in selection that should be appeneded thats my requirement — Vignesh, Mar 07 '19 at 07:31
Yes you can select timezone from your list and append it, But you might end up with an invalid date, it's better you use moment.js — nitin, Mar 07 '19 at 07:42

score 0 · Answer 1 · answered Mar 07 '19 at 07:31

you can use toISOString() of basic JS date object (check for date docs) and then change it as you want. But I recommend you to use external library (if possible with immutable instances of datetime) even if you do not prefer to. Especially when your application will be strongly dependent on resolving multiple timezones.

Bardr · Answer 2 · 2019-03-07T08:05:31.663

What about setUTCHours()?

let today = new Date(Date.now());

console.log(today.toISOString());
today.setUTCHours(10);
console.log(today.toISOString());

Also using new Date(Date.UTC(year, month, day, hour, minute, second)) you can create a new date object from a specific UTC time.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC

This article can help you as well.

Append timezone to time which is a date Object

2 Answers2