JavaScriptで日付入力フィールドで現在の日付を自動的に選択する方法

方法1: JavaScriptのDateオブジェクトを使用する方法

<input type="date" id="myDateInput">
<script>
  // 現在の日付を取得
  var currentDate = new Date().toISOString().split('T')[0];
  // 日付入力フィールドに現在の日付を設定
  document.getElementById("myDateInput").value = currentDate;
</script>

この方法では、Dateオブジェクトを使用して現在の日付を取得し、入力フィールドの値に設定します。

方法2: Moment.jsライブラリを使用する方法

Moment.jsはJavaScriptの日付処理を簡単に行うためのライブラリです。以下の手順で使用します。

まず、Moment.jsをプロジェクトに追加します。CDNを使用する場合は、以下のスクリプトタグをHTMLファイルに追加します。

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

次に、以下のコードを使用して日付入力フィールドに現在の日付を設定します。

<input type="date" id="myDateInput">
<script>
  // 現在の日付を取得し、フォーマットを設定
  var currentDate = moment().format("YYYY-MM-DD");
  // 日付入力フィールドに現在の日付を設定
  document.getElementById("myDateInput").value = currentDate;
</script>

これで、Moment.jsを使用して日付入力フィールドで現在の日付を自動的に選択することができます。

以上の方法を使用すると、JavaScriptを介して日付入力フィールドで現在の日付を自動的に選択できます。適切な方法を選択して、プロジェクトに組み込んでください。