Ask HN: How do you solve timezone offset problem in Front end

1 ポイント投稿者 laangregor5 年前3 コメント

Hello everyone,

I'm having a challenging task. Angular application needs to show the date from the database object. It needs to stay the same, no matter where you are visiting the application. The only exceptions are the comments. I was testing this using Web Browser plugin.

I did a lot of research, but did not find a best practice. How would you solve this?

Currently I have created the following snippet:

  // To-Do: Needs to account summertime
  public dateToUTCDate(date: string | Date): Date {
    const time = date instanceof Date ? date.getTime() : Date.parse(date.substring(0, 10));
    return new Date(time + new Date(time).getTimezoneOffset() \* 60000);
  }

3 コメント

Leftium5 年前

Generally, I think the best approach is to:

1. Store UTC datetimes and do all calculations in UTC (or Unix epochs)

2. Store the timezone separately

3. When rendering dates/times in the UI, convert the UTC datetimes to local dates/times.

I forgot where I first saw this recommended. I think it's recommended in a lot of places, though.

pestatije5 年前

Stackoverflow is your friend:

https://stackoverflow.com/questions/60745688/angular-display...

citiguy5 年前

Maybe I'm not understanding the question but best practice is usually to store everything in the database in UTC time (or epoch time) and do the conversion using a localtime offset when you display it.