[解決済み] dd/mm/yyyy の文字列を JavaScript の Date オブジェクトに変換するには?
2022-10-25 17:20:40
質問
日付の書式を変換する方法
23/10/2015
に変換する
JavaScriptの日付フォーマットに変換する方法です。
Fri Oct 23 2015 15:24:53 GMT+0530 (India Standard Time)
どのように解決するのですか?
MM/DD/YYYY形式
もし、あなたが
MM/DD/YYYY
というフォーマットがある場合
で、JavaScript のデフォルト
に文字列を渡せばよいのです。
Date(string)
コンストラクタに渡すだけです。これはあなたのために解析してくれます。
var dateString = "10/23/2015"; // Oct 23
var dateObject = new Date(dateString);
document.body.innerHTML = dateObject.toString();
DD/MM/YYYYフォーマット - 手入力
この書式で作業する場合、日、月、年を別々に取得するために日付を分割し、別のコンストラクタでそれを使用することができます - 。
Date(year, month, day)
:
var dateString = "23/10/2015"; // Oct 23
var dateParts = dateString.split("/");
// month is 0-based, that's why we need dataParts[1] - 1
var dateObject = new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0]);
document.body.innerHTML = dateObject.toString();
より詳細な情報については
Date
をご覧ください。
Mozilla Developer Network (英語)
.
DD/MM/YYYY - を使用する。
moment.js
ライブラリ
別の方法として
moment.js
ライブラリを使うこともできます。これはおそらく、JavaScript で日付と時刻を解析して操作するための最も一般的なライブラリでしょう。
var dateString = "23/10/2015"; // Oct 23
var dateMomentObject = moment(dateString, "DD/MM/YYYY"); // 1st argument - string, 2nd argument - format
var dateObject = dateMomentObject.toDate(); // convert moment.js object to Date object
document.body.innerHTML = dateObject.toString();
<script src="https://momentjs.com/downloads/moment.min.js"></script>
3つの例すべてにおいて
dateObject
変数に含まれるオブジェクトの型は
Date
というオブジェクトが含まれており、これは時間の瞬間を表し、さらに任意の文字列形式に変換することができます。
関連
-
[解決済み】JavaScriptで「無効な日付」のDateインスタンスを検出する
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptの日付の書式設定方法
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] ある文字列が他の文字列と "StartsWith" しているかどうかを確認する方法は?
-
[解決済み] JavaScriptで日付の書式設定に関するドキュメントはどこにありますか?
-
[解決済み] JavaScriptでUnixのタイムスタンプを時刻に変換する
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] モデルフェッチ時に1をtrueに、0をfalseに変換する方法
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?
-
[解決済み] 変異を伴わないオブジェクトからの値の削除