時間オフセットを使用してユーザーのローカル形式で日付/時刻を表示するにはどうすればよいですか?

時間オフセットを使用したユーザーのロケール形式での日付/時刻の表示

エンドユーザーに日付と時刻を提示する場合、それらを表示することが重要ですローカルのタイムゾーンと形式で。これにより、地理的に異なる場所でも明瞭さとシームレスなユーザー エクスペリエンスが保証されます。 JavaScript を使用してこれを実現する方法は次のとおりです。

アプローチ:

推奨されるアプローチは、クライアント側で JavaScript で日付/時刻の書式設定とタイムゾーンの変換を処理することです。これにより、サーバーは、クライアントのロケール設定に適応しながら、データ ストレージに対して一貫した UTC ベースのタイムスタンプ形式を維持できます。

JavaScript 実装:

// Convert a UTC date to the user's local timezone
const d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);

// Output various date/time formats using locale-specific methods
console.log(d.toLocaleString()); // Locale-specific date and time string
console.log(d.toLocaleDateString()); // Locale-specific date string
console.log(d.toLocaleTimeString()); // Locale-specific time string

説明:

• このコードは新しい Date オブジェクトを作成し、UTC 日付と時刻を設定します。
• toLocaleString()、toLocaleDateString()、および toLocaleTimeString() メソッドは、ユーザーのロケール設定に従って日付/時刻をフォーマットします。
• これらメソッドはブラウザー固有であるため、さまざまなブラウザーでコードをテストして確実に実行することが重要です。

追加のヒント:

• 日付/時刻の操作とロケールの書式設定を処理する JavaScript ライブラリ (Moment.js など) の使用を検討してください。 DateFns.
• 広範囲のロケールをサポートする必要がある場合は、言語を選択することをお勧めします。ユーザーが優先ロケールを選択できるようにするオプションです。
• ロケール固有のメソッドはプラットフォームによって動作が異なる可能性があるため、さまざまなブラウザーおよびブラウザー バージョンとの互換性を確保してください。

以上が時間オフセットを使用してユーザーのローカル形式で日付/時刻を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。