JavaScript を使用して UTC 日付をユーザー ロケール形式に変換するにはどうすればよいですか?

JavaScript を使用して UTC 日付をユーザー ロケール形式に変換する

Web 開発では、ユーザーのロケールで日付と時刻を表示すると、UX が向上し、適切なデータ表現が保証されます。これは、サーバーが一貫した形式 (UTC など) でデータを提供し、ユーザーのタイムゾーンとロケールに合わせて調整する必要がある場合に特に重要です。

ステップ 1: UTC 日付で開始する

日付を効果的に操作するには、まず新しい Date オブジェクトを作成し、setUTC... メソッドを使用して日付と時刻を UTC 値に設定します。これにより、後続の操作の開始点が一貫したものになります。

ステップ 2: toLocaleString メソッドを利用する

日付が UTC 形式になったら、toLocale...String メソッドを使用して変換できます。ユーザーのロケール設定に合わせます。これらのメソッドは次のとおりです。

• toLocaleString(): 日付と時刻全体のローカライズされた文字列表現を提供します。
• toLocaleDateString(): 日付のみのローカライズされた文字列表現を返します。
• toLocaleTimeString(): 時刻のみのローカライズされた文字列表現を返します。

例

次のコード スニペットは、UTC 日付を作成して UTC 日付に変換する方法を示しています。ユーザーのロケール形式:

// Date in UTC
var d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);

// Display results
console.log(d);                           // UTC representation
console.log(d.toLocaleString());           // Localized date and time 
console.log(d.toLocaleDateString());       // Localized date
console.log(d.toLocaleTimeString());       // Localized time

出力:

Sat Feb 28 2004 23:45:26 GMT-0300 (BRT)
Sat Feb 28 23:45:26 2004
02/28/2004
23:45:26

次の手順に従うことで、タイムゾーンとロケールを考慮して、ユーザーのロケール形式で日付と時刻を効果的に表示できます。設定。

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