n 時間前の日付を取得する方法について

Question

前提

以下のコードにおいて、oneHourAfterがdateの1時間後を示す値になりました。
しかし、なぜこのようになるのか原理がわかりません。
ご教授の程よろしくお願いいたします。

const date = new Date('2022-12-2 09:00') // Fri Dec 02 2022 09:00:00 GMT+0900 (日本標準時)
const oneHourAfter = new Date(date + "+8") // Fri Dec 02 2022 10:00:00 GMT+0900 (日本標準時)

Answer 1

おそらく、+8 が「タイムゾーンが UTC+8」と解釈されて、「UTC+8 の 09:00」が表示時に「UTC+9(日本標準時) の 10:00」となったのでしょう。

文字列からのDate の作成は環境依存の部分が多いので、この挙動に依存したコードは書くべきではないと思います。

タイトルのようにn時間前が欲しいなら、date.setHours(date.getHours() - n) とすればよいでしょう。

Answer 2

chrome/edgeあたりでは有効のようですが、firefoxだと不正になるようです
ちゃんとJSでやるならこんな感じでは？

const date = new Date('2022-12-2 09:00');
const oneHourAfter = new Date(date.getTime() + 60*60*1000); 
console.log([date,oneHourAfter]);