文字列を日付JavaScriptに変換する

JavaScript では、文字列を日付オブジェクトに変換できます。文字列日付の一般的な形式には、「YYYY-MM-DD」、「MM/DD/YYYY」、「DD/MM/YYYY」などがあります。この記事では、文字列を日付オブジェクトに変換するためのいくつかの方法とテクニックについて説明します。

1. Date コンストラクターの使用

new Date() コンストラクターを使用して、文字列を日付オブジェクトに変換できます。コンストラクターのパラメーターとして文字列を渡すことができます。例:

var dateString = "2022-09-01";
var date = new Date(dateString);

上記のコードでは、文字列「2022-09-01」を Date コンストラクターに渡すと、その日付オブジェクトを表す日付が返されます。 getFullyear()、getMonth()、getDate() およびその他の Date オブジェクト メソッドを使用して、日付の年、月、日にアクセスできます。

console.log(date.getFullYear()); // 2022
console.log(date.getMonth()); // 8 (September is the ninth month, but it is indexed at 0)
console.log(date.getDate()); // 1

この例では、月のインデックスは 0 から始まることに注意してください。

文字列に時間を含めたい場合は、日付と同じ方法で日付オブジェクトを構築できます。例:

var datetimeString = "2022-09-01T08:00:00";
var datetime = new Date(datetimeString);

上記のコードでは、時刻「08:00:00」も文字列に含まれています。この文字列を new Date() コンストラクターに渡すと、時刻を表す日付オブジェクトが返されます。時間、分、秒には、getHours()、getMinutes()、getSeconds() などのメソッドを使用してアクセスできます。

console.log(datetime.getHours()); // 8
console.log(datetime.getMinutes()); // 0
console.log(datetime.getSeconds()); // 0

2. moment.js ライブラリの使用

moment.js は、日付の解析、検証、操作、書式設定を行うための一般的な JavaScript ライブラリです。このライブラリを使用すると、文字列を解析し、日付オブジェクトに変換できます。 moment.js を使用するには、まずそれを JavaScript ファイルに組み込み、コードで使用します。

<script src="moment.js"></script>
<script>
    var dateString = "2022-09-01";
    var date = moment(dateString);
</script>

上記のコードでは、HTML ファイルに moment.js ファイルをインクルードし、moment() 関数を使用して文字列「2022-09-01」を日付オブジェクト 。この関数は時刻を含む文字列でも機能します。

<script src="moment.js"></script>
<script>
    var datetimeString = "2022-09-01T08:00:00";
    var datetime = moment(datetimeString);
</script>

変換された日付オブジェクトは、moment.js ライブラリの関数を使用してさらに操作できます。たとえば、format() 関数を使用して、この日付を別の文字列形式に変換できます。

console.log(moment("2022-09-01").format("MM/DD/YYYY")); // "09/01/2022"
console.log(moment("2022-09-01").format("MMMM Do YYYY")); // "September 1st 2022"

3. ネイティブ メソッドを使用する

JavaScript には、文字列を日付オブジェクトに変換できるネイティブ メソッドもいくつかあります。最も一般的に使用されるのは Date.parse() です。日付文字列をパラメータとして Date.parse() メソッドに渡すことができます。

var dateString = "2022-09-01";
var date = new Date(Date.parse(dateString));

上記のコードでは、文字列「2022-09-01」を Date.parse() メソッドに渡すと、その日付の UTC タイムスタンプが返されます。このタイムスタンプをパラメータとして new Date() コンストラクターに渡して、日付オブジェクトを作成できます。

console.log(date.getFullYear()); // 2022
console.log(date.getMonth()); // 8 (September is the ninth month, but it is indexed at 0)
console.log(date.getDate()); // 1

このメソッドは、時刻のない日付文字列の場合に非常に便利です。時刻を含む文字列を日付オブジェクトに変換したい場合は、以前と同じ方法を使用できます。例:

var datetimeString = "2022-09-01T08:00:00";
var datetime = new Date(Date.parse(datetimeString));

上記は、文字列を日付オブジェクトに変換する 3 つの一般的な方法です。各方法には独自の利点と用途があり、ニーズに応じて選択できます。これらのメソッドを使用すると、文字列を日付オブジェクトに簡単に変換でき、日付と時刻のデータをより効率的に操作および保存できるようになります。

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