JavaScript で日付に月を追加する

Subodh Poudel 2023年10月12日
  1. Date オブジェクトの setMonth() および getMonth() メソッドを使用して、JavaScript で日付に月を追加する
  2. date.js を使用して、JavaScript で日付に月を追加する
  3. moment ライブラリを使用して、JavaScript で日付に月を追加する
JavaScript で日付に月を追加する

このチュートリアルでは、JavaScript で特定の月を日付に追加する方法をいくつか紹介します。

Date オブジェクトの setMonth() および getMonth() メソッドを使用して、JavaScript で日付に月を追加する

Date オブジェクトによって提供される setMonth() メソッドと getMonth() メソッドの組み合わせを使用して、JavaScript で日付に月を追加できます。 getMonth() メソッドは、指定された日付から月を返します。

返される月は 0 から始まる値です。つまり、最初の月は 0 として示されます。 同様に、setMonth() メソッドは、指定された月を日付に設定します。

これら 2つのメソッドの機能を一緒に使用して、特定の月数を日付に追加できます。 getMonth() メソッドを使用して現在の月を取得し、月数を追加し、setMonth() メソッドを使用して新しい月を設定できます。

これらのメソッドを使用して、現在の日付に 1 か月を追加してみましょう。

たとえば、Date オブジェクトを使用して現在の日付を取得し、date 変数に格納します。 次に、date オブジェクトと 1 を使用して getMonth() を呼び出します。

次に、この式を setMonth() メソッドのパラメーターとして使用します。 date オブジェクトで setMonth() メソッドを呼び出します。

最後に、式全体をパラメーターとして Date オブジェクトに設定します。 両方の日付を印刷します。

コード例:

var date = new Date();
console.log(date)
var newDate = new Date(date.setMonth(date.getMonth() + 1));
console.log(newDate)

出力:

2023-01-31T14:14:09.646Z
2023-03-03T14:14:09.646Z

現在の日付は≪2023-01-31≫で、≪1≫月を足すと≪2023-03-03≫になります。 このように、setMonth() および getMonth() メソッドを使用して、JavaScript で日付に月を追加できます。

date.js を使用して、JavaScript で日付に月を追加する

JavaScript では、date.js パッケージを使用して特定の月数を日付に追加することもできます。 このパッケージは、JavaScript Date オブジェクトをオーバーライドします。

追加する数を指定できるメソッド add() を提供します。 次に、month()day() などのメソッドを呼び出して、追加するものを指定できます。

したがって、add() メソッドで追加する月数を指定してから、month() メソッドを呼び出すことができます。

まず、次のコマンドを使用してパッケージをインストールします。

npm i datejs

たとえば、Date.today() メソッドを使用して現在の日付を取得し、currDate 変数に保存します。 その後、currDate 変数を使用して add() メソッドを呼び出し、パラメーターとして 1 を指定します。

次に、month() メソッドを呼び出します。 最後に、両方の日付を出力します。

コード例:

require('datejs')

var currDate = Date.today();
console.log(currDate)
var newDate = currDate.add(1).month();
console.log(newDate)

出力:

2023-01-30T18:15:00.000Z
2023-02-27T18:15:00.000Z { _orient: 1 }

add(1).month() を呼び出す代わりに、addMonths(1) メソッドを呼び出すこともできます。 同じ結果が得られます。

JavaScript では、date.js パッケージを使用して、特定の月数を日付に追加できます。

moment ライブラリを使用して、JavaScript で日付に月を追加する

moment の使用法は、JavaScript で日付に月を追加するという点で date.js と非常によく似ています。

ライブラリは add() メソッドを提供します。このメソッドでは、数値を最初のパラメーターとして設定し、数値が追加される項目を 2 番目のパラメーターとして設定できます。 2 番目のパラメーターは文字列です。

次のコマンドでライブラリをインストールします。

npm i moment

まず、moment ライブラリを要求し、moment() メソッドを呼び出します。 メソッドのパラメーターとして Date オブジェクトを設定します。

次に、式を currDate 変数に割り当てます。 これは現在の日付を返します。

次に、currDate 変数を使用して add() メソッドを呼び出します。 add() メソッドで、最初のパラメーターを 1 として、2 番目のパラメーターを "month" として指定します。 最後に、両方の日付を出力します。

コード例:

const moment = require('moment')
var currDate = moment(new Date());
console.log(currDate)
var newDate = currDate.add(1, 'month');
console.log(newDate)

出力:

Moment<2023-01-31T20:37:11+05:45>
Moment<2023-02-28T20:37:11+05:45>

JavaScript では、moment ライブラリを使用して日付に月を追加できます。

著者: Subodh Poudel
Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn

関連記事 - JavaScript Date