ホームページ > ウェブフロントエンド > jsチュートリアル > 時間オフセットを使用してユーザーのロケール形式で日付/時刻を表示するにはどうすればよいですか?

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

Barbara Streisand
リリース: 2024-11-06 21:11:03
オリジナル
480 人が閲覧しました

How to Display Date/Time in User's Locale Format with Time Offset?

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

多くの Web アプリケーションは日付と時刻を処理し、多くの場合、日付と時刻をユーザーに表示します。特定の形式と正しい時間オフセットを使用します。これは、タイム ゾーンやロケール設定が異なる国のユーザーに対応するアプリケーションにとって特に重要です。このタスクに取り組む方法を理解することは、開発者にとって不可欠です。

これを実現するための一般的な手法は、サーバー側で日付と時刻を一貫した形式 (通常は UTC) で保存し、JavaScript を使用してクライアント側で変換することです。 。これにより、サーバーの表現の一貫性が確保され、クライアントはユーザーが使い慣れた形式でデータを表示できるようになります。

ローカリゼーションに関しては、JavaScript には日付のフォーマットに使用できる toLocale... メソッドがいくつか用意されています。ユーザーのロケールに応じた時間。これらのメソッドは次のとおりです。

  • toLocaleString(): ユーザーの好みの形式で日付と時刻の文字列表現を生成します。
  • toLocaleDateString(): ローカライズされた日付文字列を出力します。
  • toLocaleTimeString(): ローカライズされた時刻文字列を出力します。

これらの関数を説明するには、次の JavaScript コードを考えてみましょう。

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

console.log(d); // Output: Sat Feb 28 2004 23:45:26 GMT-0300 (BRT)
console.log(d.toLocaleString()); // Output: Sat Feb 28 23:45:26 2004
console.log(d.toLocaleDateString()); // Output: 02/28/2004
console.log(d.toLocaleTimeString()); // Output: 23:45:26
ログイン後にコピー

この例では、日付オブジェクトは UTC (協定世界時) の時刻を表します。次に、toLocale... メソッドを使用して、ユーザーの好みの設定を考慮して、ローカライズされた形式で日付と時刻を表示します。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート