Bootstrap Datepickerでmindateを今日に設定する方法

HTMLの設定: 最初に、HTMLでDatepickerを初期化する必要があります。以下は基本的なHTMLの設定例です。

<input type="text" id="datepicker">

JavaScriptのコード: 次に、JavaScriptでDatepickerを設定し、mindateを今日の日付に設定します。以下は一般的な方法です。

$(document).ready(function() {
  var today = new Date();
  $('#datepicker').datepicker({
    minDate: today
  });
});

オプション: mindateを今日の日付に制限するだけでなく、特定の日付や日付範囲を指定することもできます。以下はいくつかの例です。

// mindateを特定の日付に設定する例
var specificDate = new Date('2024-01-20');
$('#datepicker').datepicker({
  minDate: specificDate
});
// mindateを今日から30日後までの範囲に設定する例
var thirtyDaysFromToday = new Date();
thirtyDaysFromToday.setDate(thirtyDaysFromToday.getDate() + 30);
$('#datepicker').datepicker({
  minDate: new Date(),
  maxDate: thirtyDaysFromToday
});

上記のコード例では、jQueryとBootstrap Datepickerを使用しています。適切なJavaScriptファイルを読み込んでいることを確認してください。

以上が、Bootstrap Datepickerでmindateを今日の日付に設定する方法といくつかのコード例です。これにより、ユーザーは選択可能な最小の日付を制限することができます。必要に応じて、この基本的な例をカスタマイズして好みの動作を実現してください。