[解決済み] JavaScriptの日付をUTCに変換する方法を教えてください。
2022-03-14 19:49:34
質問
あなたのウェブサイトのユーザーが、日付の範囲を入力したとします。
2009-1-1 to 2009-1-3
この日付をサーバーに送って何らかの処理をする必要がありますが、サーバーはすべての日付と時刻がUTCであることを期待しています。
ここで、ユーザーがアラスカやハワイ、フィジーにいるとします。彼らはUTCとは全く異なるタイムゾーンにいるので、日付の範囲はこのように変換される必要があります。
2009-1-1T8:00:00 to 2009-1-4T7:59:59
JavaScriptのDateオブジェクトを使って、最初のquot;localized"の日付範囲をサーバーが理解できるものにどのように変換しますか?
どのように解決するのですか?
<ブロッククオート
その
toISOString()
メソッドは、簡略化された拡張ISOの文字列を返します。
の形式を使用します (
ISO 8601
) で、常に24文字または27文字の長さです。
(
YYYY-MM-DDTHH:mm:ss.sssZ
または
±YYYYYY-MM-DDTHH:mm:ss.sssZ
,
それぞれ)。タイムゾーンは常にUTCオフセットゼロである。
という接尾辞があります。
Z
となります。
出典 MDNウェブドックス
必要なフォーマットは
.toISOString()
メソッドを使用します。このメソッドにネイティブに対応していない古いブラウザ(ie8以下)では、shimがあります。
こちら
:
これで、必要な機能を実現することができます。
var isoDateString = new Date().toISOString();
console.log(isoDateString);
タイムゾーンワークの場合。 moment.jsとmoment.jsのタイムゾーン 特に、クライアントとサーバーのJavaScript間でタイムゾーンをナビゲートするためのツールは、本当に貴重です。
関連
-
VUEグローバルフィルターの概念と留意点、基本的な使い方
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptの日付の書式設定方法
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
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の要素ツリーコントロールに破線を追加する説明
-
Vueの一般的な組み込みディレクティブの説明
-
[解決済み] テスト
-
[解決済み】ERROR エラーです。スイッチのname属性が指定されていないフォームコントロールの値アクセッサがない
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
nullのプロパティinnerHTMLを読み取れません エラーメッセージ
-
モジュールのビルドに失敗しました。Error: ENOENT: no such file or directory, scandir 'D:\.... \node_modules
-
JavaScriptのgetElementById()メソッド入門
-
[解決済み】文字列表現を使わずにタイムゾーンを設定した日付を作成する
-
[解決済み] 入力タイプに日付を設定する