jQueryを使用してHTMLの入力タイプ「date」に今日の日付を設定する方法

方法1: JavaScriptのDateオブジェクトを使用する方法以下のコード例は、JavaScriptのDateオブジェクトを使用して今日の日付を取得し、入力フィールドに設定する方法です。

$(document).ready(function(){
  var today = new Date();
  var dd = String(today.getDate()).padStart(2, '0');
  var mm = String(today.getMonth() + 1).padStart(2, '0'); // 1月は0としてカウントされるため、+1する
  var yyyy = today.getFullYear();
  today = yyyy + '-' + mm + '-' + dd;
  $('#date-input').val(today);
});

上記の例では、#date-inputは入力フィールドのIDです。このコードを実行すると、指定した入力フィールドに今日の日付が設定されます。

方法2: jQueryのval()メソッドを使用する方法以下のコード例は、jQueryのval()メソッドを使用して入力フィールドに今日の日付を設定する方法です。

$(document).ready(function(){
  var today = new Date().toISOString().split('T')[0];
  $('#date-input').val(today);
});

上記の例では、toISOString()メソッドを使用して今日の日付をISO 8601形式で取得し、split('T')[0]を使用して日付部分のみを抽出しています。これにより、入力フィールドに今日の日付が設定されます。

以上の方法を使用すると、jQueryを使ってHTMLの入力タイプ「date」に簡単に今日の日付を設定することができます。