ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript と jQuery で UTC 日付/時刻をローカル日付/時刻に変換する方法

JavaScript と jQuery で UTC 日付/時刻をローカル日付/時刻に変換する方法

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-14 12:36:11919ブラウズ

How to Convert UTC Date-Time to Local Date-Time in JavaScript and jQuery?

UTC 日付/時刻をローカル日付/時刻に変換する

「6/29/2011 4: 52:48 PM」を表示するには、多くの場合、ユーザーのローカル タイム ゾーンに変換する必要があります。これは、JavaScript または jQuery を使用して実現できます。

JavaScript の使用

JavaScript を使用して UTC 時間の日時の文字列表現をユーザーのローカル タイム ゾーンに変換するには、文字列に「UTC」を追加します。日付に変換する前に:

var date = new Date('6/29/2011 4:52:48 PM UTC');

これにより、日付と時刻を表す Date オブジェクトが作成されます。ユーザーのローカルタイムゾーン。 Date オブジェクトの toString() メソッドを使用すると、日付と時刻を文字列形式で取得して表示できます。

date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"

jQuery の使用

jQuery は、日付と時刻を変換するための同様のメソッドを提供します。 UTC 日付時刻をローカル日付時刻に変換します。これを機能させるには、moment-timezone ライブラリがドキュメントに含まれている必要があります:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.18/moment-timezone.min.js"></script>

moment-timezone ライブラリがロードされている場合、次の jQuery コードを使用して、UTC 日時文字列をユーザーのローカル日時文字列に変換できます。 timezone:

var date = moment.utc('6/29/2011 4:52:48 PM').local().format('MM/DD/YYYY HH:mm:ss a');

これにより、ユーザーのローカル タイム ゾーンの日付と時刻を表す日付オブジェクトが作成されます。 moment オブジェクトの format() メソッドを使用すると、日付と時刻を文字列形式で取得して表示できます。

以上がJavaScript と jQuery で UTC 日付/時刻をローカル日付/時刻に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。