[解決済み] ユーザーのロケールフォーマットと時間オフセットで日付/時刻を表示する
2022-04-20 17:24:40
質問
サーバーがHTMLで日付を常にUTCで提供し、クライアントサイトのJavaScriptがそれをユーザーのローカルタイムゾーンに変換するようにしたいのです。
ユーザーのロケールの日付フォーマットで出力できればボーナス。
どのように解決するのですか?
UTCの日付で開始する最も確実な方法は、新しい
Date
オブジェクトを作成し
setUTC…
メソッドを使用して、希望する日付/時刻に設定します。
その後、様々な
toLocale…String
メソッドは、ローカライズされた出力を提供します。
例
// This would come from the server.
// Also, this whole block could probably be made into an mktime function.
// All very bare here for quick grasping.
d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);
console.log(d); // -> Sat Feb 28 2004 23:45:26 GMT-0300 (BRT)
console.log(d.toLocaleString()); // -> Sat Feb 28 23:45:26 2004
console.log(d.toLocaleDateString()); // -> 02/28/2004
console.log(d.toLocaleTimeString()); // -> 23:45:26
参考文献の一部をご紹介します。
関連
-
fetch ネットワークリクエストラッパーの説明例
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み] JavaScriptの日付の書式設定方法
-
[解決済み] JavaScriptで日付の書式設定に関するドキュメントはどこにありますか?
-
[解決済み] DateTimeとDateTimeOffsetの比較
-
[解決済み] JavaScript の日付を yyyy-mm-dd でフォーマットする。
-
[解決済み] JavaScriptの日付をUTCに変換する方法を教えてください。
-
[解決済み] UTCの日付時刻をローカルの日付時刻に変換する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vue Element-uiは、アイコンを追加するためのツリーコントロールノードを詳細に実装しています。
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み] テスト
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】awaitは非同期関数でのみ有効です。
-
[解決済み】TypeError: Router.use() はミドルウェアの関数を要求しているが、Object を取得した。
-
[解決済み】JavaScriptエラー(Uncaught SyntaxError: Unexpected end of input)
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
[解決済み] ブラウザの言語設定を検出するためのJavaScript [重複]。