Is there any angular pipe or method to get UTC CENTRAL TIME FOR US & CANADA?

Question

I used below code but getting one hour delay. Is it good approach to add one hour to it?

 *todayISOString : any = new Date();

{{todayISOString | date:'h:mm:ss a': 'UTC-6'}}*

Actually I am looking for below time zone. Required Time Zone Image

Does this answer your question? [Angular: Convert UTC to local date time](https://stackoverflow.com/questions/49634707/angular-convert-utc-to-local-date-time) — abhinav3414, Oct 22 '20 at 06:19
You can already find a solution. Possibly a duplicate question : https://stackoverflow.com/questions/49634707/angular-convert-utc-to-local-date-time — abhinav3414, Oct 22 '20 at 06:20

Miyas Mohammed · Answer 1 · 2020-10-22T06:08:15.710

0

in angular you can use timezone time like this way

{{todayISOString | date:'short':'UTC +9:30 / +10:30'}}
{{todayISOString | date:'short':'GMT'}}
{{todayISOString | date:'short':'-0600'}}
{{todayISOString | date:'short':'UTC+4'}}

date formats are given below:-

medium: Sep 9, 2019, 12:35:54 PM
long: September 9, 2019 at 12:35:54 PM GMT+5
full: Tuesday, September 9, 2019 at 12:35:54 PM GMT+05:30
shortDate: 09/3/19
mediumDate: Sep 9, 2019
longDate: September 9, 2019
fullDate: Tuesday, September 9, 2019
shortTime: 12:35 PM
mediumTime: 12:35:54 PM
longTime: 12:35:54 PM GMT+5
fullTime: 12:35:54 PM GMT+05:30

these all are the different time zone example:-

Alpha Time Zone 'UTC+1'
Arabia Standard Time 'UTC+3'
Central Standard Time 'UTC-6'
China Standard Time 'UTC+8'
Delta Time Zone 'UTC+4'
Greenwich Mean Time 'UTC+0'
Gulf Standard Time 'UTC+4'
Hawaii Standard Time 'UTC-10'
India Standard Time 'UTC+4'

edited Oct 22 '20 at 06:08

answered Oct 22 '20 at 05:48

Miyas Mohammed

476
3
10

Thanks for the reply. Yeah I used UTC-6 but getting one hour delay compared to Central US & CANADA Time Zone. Is there any approach? – Shiva Shanker Oct 22 '20 at 05:59
did u tried in this way {{todayISOString | date:'short':'-0600'}} – Miyas Mohammed Oct 22 '20 at 06:10
Yeah I used {{todayISOString | date:'short':'-0600'}} but still 1 hour difference is there. – Shiva Shanker Oct 22 '20 at 06:25
its because of daylight saving 1 hour showing less. its better to use moment.js libarary. – Miyas Mohammed Oct 22 '20 at 06:47
Thanks Miya Mohammed for the reply. I used angular CST pipe. It is working fine. – Shiva Shanker Nov 27 '20 at 17:33

score 0 · Answer 2 · answered Oct 22 '20 at 06:41

Offsets are not time zones.

I'm not an expert on North American time zones, but as far as I can see on timeanddate.com, both the US and Canada are currently observing the Central Daylight Time, which is at offset UTC -5. This is probably why an offset of -6 gives you a result which is one hour off from what you expect.

If you want your code to behave correctly on all days of the year, you should install a library with an actual time zone database, such as Moment Timezone. If you specify the time zone of an actual location which your users are in (e.g. "America/Winnipeg"), you will be able to calculate the time actually observed in that location, taking into account daylight saving time and any future political changes that might cause the time zone to change.

Is there any angular pipe or method to get UTC CENTRAL TIME FOR US & CANADA?

2 Answers2