JavaScriptでMoment.jsを使用して日付文字列に5日を追加する方法

2024-02-10 03:09 JavaScript Moment.js 日付操作

まず、Moment.jsをプロジェクトに追加しましょう。Moment.jsはCDNやnpmパッケージとして利用可能です。以下のCDNリンクをHTMLファイルのヘッダーに追加することで、Moment.jsを使用できます。

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

Moment.jsを使用して日付文字列に5日を追加するには、次のようなステップを実行します。

  1. Momentオブジェクトを作成します。与えられた日付文字列を引数としてmoment関数を呼び出します。
const dateStr = "2022-01-01";
const date = moment(dateStr);
  1. addメソッドを使用して日付に5日を追加します。
date.add(5, 'days');
  1. 追加された日付を新しいフォーマットで表示するには、formatメソッドを使用します。
const newDateStr = date.format("YYYY-MM-DD");
console.log(newDateStr); // 結果: 2022-01-06

これで、与えられた日付文字列に5日を追加することができました。

さらに、Moment.jsを使用して他の日付操作も行うことができます。例えば、日付の減算、月の加算、曜日の取得などがあります。Moment.jsの公式ドキュメントを参照することで、さまざまな操作方法を学ぶことができます。

この記事では、Moment.jsを使用して日付文字列に5日を追加する方法を紹介しました。Moment.jsは非常にパワフルで使いやすいライブラリであり、日付と時刻の操作を簡単に行うことができます。