jQueryのdatetime-localで現在の日付と時刻を設定する方法

方法1: JavaScriptのDateオブジェクトを使用する方法以下のコードを使用して、JavaScriptのDateオブジェクトを作成し、それをdatetime-local要素の値として設定します。

$(document).ready(function() {
  var currentDate = new Date();
  var formattedDate = currentDate.toISOString().substring(0, 16);
  $('#datetime-local-input').val(formattedDate);
});

上記のコードでは、現在の日時を取得し、toISOStringメソッドを使用してISO 8601形式（YYYY-MM-DDTHH:mm）に変換しています。そして、substringメソッドを使用して最後の2文字（秒とタイムゾーン）を削除します。その後、datetime-local要素の値として設定します。適切なID（ここでは"datetime-local-input"）を持つ要素が存在することを確認してください。

方法2: Moment.jsライブラリを使用する方法 Moment.jsは、日付と時刻の操作やフォーマットに便利な機能を提供するJavaScriptライブラリです。以下の手順に従って、Moment.jsを使用してdatetime-local要素に現在の日付と時刻を設定します。

まず、Moment.jsをページに追加します。CDNを使用する場合は、次のコードをheadタグ内に追加します。

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

次に、以下のコードを使用してMoment.jsを使用し、datetime-local要素に現在の日付と時刻を設定します。

$(document).ready(function() {
  var currentDate = moment().format('YYYY-MM-DDTHH:mm');
  $('#datetime-local-input').val(currentDate);
});

上記のコードでは、moment()関数を使用して現在のMomentオブジェクトを作成し、formatメソッドを使用して指定された形式（YYYY-MM-DDTHH:mm）にフォーマットします。そして、datetime-local要素の値として設定します。

以上の方法で、jQueryのdatetime-local要素に現在の日付と時刻を設定することができます。適切なIDを持つ要素が存在することを確認し、選択した方法に応じてコードを適切に調整してください。