JavaScript を使用して UTC 日付時刻をローカル日付時刻に変換するにはどうすればよいですか?

タイムゾーンの処理は、すべての Web アプリケーションの重要な部分です。バックエンドによって記録される時刻は通常、UTC 形式です。ただし、ユーザーに表示されるときは、ユーザーの現地時間に変換する必要があります。これは JavaScript を通じて実現できます。このブログでは、JavaScript を使用して UTC 日付時刻をローカル日付時刻に変換する方法を説明します。

JavaScript の日付

JavaScript には、日付と時刻を操作できる「Date」クラスが含まれています。 Date クラスには、-

を含む、日付と時刻を操作するためのさまざまなメソッドが含まれています。

Date() - 現在の日付と時刻をミリ秒単位で返します getTime() 現在の時刻をミリ秒単位で返します

getUTCFull Year() - UTC タイム ゾーンで日付年を返します。

getUTCMonth() - UTC タイムゾーンで日付月を返します。

getUTCDate() - UTC タイム ゾーンでの日付の月と日を返します。

getUTCHours() - UTC タイムゾーンで日付と時間を返します。

getUTCMinutes() - UTC タイム ゾーンでの日付の分を返します。

getUTCSeconds() - UTC タイム ゾーンでの日付の秒を返します。

UTC を現地時間に変換する

getTimezoneOffset() メソッドを使用して UTC 日付時刻をローカル日付時刻に変換する必要があります。このメソッドは、UTC と現地時間の間の時差を分単位で返します。この分の差を使用して、UTC 日付/時刻をローカル日付/時刻に変換できます。

＃＃＃例＃＃＃

たとえば、次のコードは UTC 日付時刻をローカル日付時刻に変換します -

リーリー

ここには、現在の UTC 日付と時刻を保存する「utc」という名前の New Date オブジェクトが表示されます。次に、getTimezoneOffset() 関数を使用して、UTC と現地時間の時差を分単位で計算します。最後に、この量をミリ秒単位の UTC 時間に加算して現地時間を計算します。

同様に、指定された UTC 日付時刻をローカル日付時刻に変換できます。同じことを実現するには、UTC 日付と時刻を Date() 関数 Object() { [ネイティブ コード] } にパラメーターとして指定するだけです。次に、UTC 日付時刻「2018-11-12 12:00:00」をローカル日付時刻に変換するコードを見てみましょう -

Example

リーリー

UTC の日付と時刻を文字列として Date() コンストラクターに渡しました。次に、以前と同じ方法を使用して、UTC 日時をローカル日時に変換します。

現地時間をUTCに変換

さて、どうすれば現地時間から UTC に取得できますか? 現地の日付時刻を UTC の日付時刻に変換するには、もう一度 getTimezoneOffset() メソッドを使用します。この関数は UTC と現地時刻の間の時差を分単位で返します。この差の数値は、ローカル日付時刻を UTC 日付時刻に変換するために使用できます。

Example

たとえば、次のコードはローカル日付時刻を UTC 日付時刻に変換します -

リーリー

上記のコードでは、まず、現在のローカル日付と時刻を含む「local」という名前の新しい Date オブジェクトを作成します。次に、getTimezoneOffset() メソッドを使用して、UTC と現地時間の時差を分単位で取得します。ミリ秒単位の現地時間からこの値を減算すると、UTC 時間が得られます。

ローカル日付と時刻を引数として Date() コンストラクターに渡すことで、特定のローカル日付時刻を UTC 日付時刻に変換することもできます。たとえば、次のコードは、ローカル日付時刻「2018-11」を変換します。 -12 12:00:00" を UTC 日付時刻に変換します −

例

リーリー

ローカルの日付と時刻を文字列として Date() コンストラクターに渡します。次に、前と同じ方法を使用してローカル日時を UTC 日時に変換します。

＃＃＃結論は＃＃＃

このチュートリアルでは、JavaScript を使用して UTC 日付時刻をローカル日付時刻に変換する方法を学びました。また、JavaScript Date クラスには、UTC 日付時刻をローカル日付時刻に変換するために使用できる getTimezoneOffset() など、日付と時刻を操作するためのさまざまなメソッドが用意されていることも学びました。このブログでは、同じ方法を使用してローカル日付時刻を UTC 日付時刻に変換する方法も学びました。タイム ゾーンの処理は Web アプリケーションの重要な側面であり、ユーザーに正しく表示されるように時間を正しく変換することも重要であることに注意してください。

以上がJavaScript を使用して UTC 日付時刻をローカル日付時刻に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。