文字列日付JavaScript

PHPz
リリース: 2023-05-17 15:12:07
オリジナル
1851 人が閲覧しました

JavaScript で文字列を日付に変換することは一般的なニーズです。通常、ユーザーが入力した日付文字列を実際の日付オブジェクトに変換して、処理および計算できるようにします。この記事では、JavaScriptを使用して文字列を日付に変換する方法を説明します。

文字列を日付に変換する

JavaScript には、文字列を日付オブジェクトに変換するための組み込みメソッドが用意されています。 Date.parse() メソッドを使用して文字列をタイムスタンプに変換し、新しい Date() メソッドを使用して日付オブジェクトに変換できます。

次のコードは、日付文字列を日付オブジェクトに変換する方法を示しています:

let dateString = "2022-08-01";
let dateObject = new Date(Date.parse(dateString));
console.log(dateObject);
ログイン後にコピー

上記のコードでは、文字列「2022-08-01」を Date.parse() に渡します。メソッドを作成し、その戻り値を Date オブジェクトに割り当てます。次に、コンストラクターを使用してタイムスタンプを日付オブジェクトに変換できます。

出力結果は次のとおりです:

Mon Aug 01 2022 00:00:00 GMT+0800 (中国标准时间)
ログイン後にコピー

文字列が日付オブジェクトに正常に変換されたことがわかります。

時刻を含む文字列を日付に変換する

日付文字列に時間情報が含まれている場合は、それを日付オブジェクトに変換することもできます。次のコードは、時間情報を含む文字列を日付オブジェクトに変換する方法を示しています。

let dateString = "2022-08-01T12:30:00.000Z";
let dateObject = new Date(dateString);
console.log(dateObject);
ログイン後にコピー

この例では、時間情報「2022-08-01T12:30:00.000 Z」が渡される文字列を変換します。 Date オブジェクトのコンストラクター。コンストラクターは、Date.parse() メソッドを使用せずに、文字列を日付オブジェクトに直接変換します。

出力結果は次のとおりです。

Mon Aug 01 2022 20:30:00 GMT+0800 (中国标准时间)
ログイン後にコピー
ログイン後にコピー

Date オブジェクトが日付文字列内の時刻情報を正常に解析したことがわかります。

moment.js ライブラリを使用して文字列を変換する

JavaScript の組み込みメソッドを使用することに加えて、サードパーティのライブラリ moment.js を使用して日付文字列を変換することもできます。 moment.js ライブラリを使用すると、日付文字列の解析と書式設定が簡単になります。

次のコードは、moment.js を使用して日付文字列を日付オブジェクトに変換する方法を示しています。

let dateString = "2022-08-01T12:30:00.000Z";
let dateObject = moment(dateString);
console.log(dateObject);
ログイン後にコピー

上記のコードでは、日付文字列を moment() 関数に渡し、戻り値を変数に代入します。この変数は moment.js オブジェクトであり、 toDate() メソッドを呼び出すことで JavaScript Date オブジェクトに変換できます。

出力結果は次のとおりです。

Mon Aug 01 2022 20:30:00 GMT+0800 (中国标准时间)
ログイン後にコピー
ログイン後にコピー

moment.js ライブラリは、日付文字列を Date オブジェクトに変換するための簡潔で使いやすい方法を提供していることがわかります。

概要

文字列を日付オブジェクトに変換することは、JavaScript プログラミングでよく必要となります。組み込みの Date.parse() メソッドを使用して日付文字列をタイムスタンプに変換し、新しい Date() コンストラクターを使用してタイムスタンプを Date オブジェクトに変換できます。 moment.js ライブラリを使用して、日付文字列をより簡単に解析して書式設定することもできます。どの方法を選択する場合でも、文字列が正しく解析されるようにするには、日付文字列の形式とタイムゾーン情報を理解する必要があります。

以上が文字列日付JavaScriptの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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