[メールフォーム]Datepicker（カレンダー機能）で選択可能期間を設定する

上画像のように、Datepickerで期間を設定する場合、以下ソースのように「minDate」と「maxDate」を設定することで可能です。

イベント毎で期間が決まってる場合のメールフォーム作成時に有用です。

<script>
 jQuery(function($) {
  $("#datepicker").datepicker(
   {
    dateFormat: 'yy年mm月dd日',
    minDate: new Date(2021, 06 - 1, 22),
    maxDate: new Date(2021, 06 - 1, 26),
   }
  );
 });
</script>