This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(115.19999999999999, 47%, 21%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPK%3C/text%3E%3C/svg%3E)
Hi everyone,
I'm developing an HR application using Angular 13 and a .Net 6 Web API. I'm facing a challenge related to handling different time zones for users.
The Scenario:
The application is deployed in the AWS Asia/Mumbai region. When users from various time zones access the app, a culture information issue arises. Let's consider two examples:
The Problem:
Currently, the application triggers reminders based on the server's time zone (Asia/Mumbai). This results in incorrect reminder times for users in different locations.
Technology Stack:
Seeking Help:
I've been unable to resolve this issue on my own. I'd appreciate any suggestions or ideas on how to ensure reminders are sent based on the user's specific time zone.
Prompt the user to enter their time zone. Once you have the user's time zone then you can calculate the offset from UTC time or any time zone for that matter.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(121.6, 24%, 21%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ETW%3C/text%3E%3C/svg%3E)
Hi Praveen, to make sure the reminders are sent based on the users' time zone, we only need to make sure that the time uses set is based on their client machine but not the server. When we try to get the time in Angular, make sure it's client time, when we stored in database or somewhere else, make sure it represents the client time.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
the server should always use UTC time. The angular code should convert any time fields received from the server to local time. any time fields sent to the server should be in UTC time. see the javascript Date object for converting times:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date