jQuery Date PickerのOnselectでmindateの設定

Question

前提・実現したいこと

railsでjQuery Date Pickerを使って予約システムを作っています。
利用開始日と利用終了日の２つのカレンダーを使っています。

発生している問題・エラーメッセージ

利用終了日のカレンダーでは、利用開始日で選択した日付の30日後からしか選択できないようにしたいのですが、うまくいきません。

エラーメッセージ

該当のソースコード

  $('#reservation_start_date').datepicker({
          dateFormat: 'dd-mm-yy',
          minDate: 0,
          maxDate: '1m',
          beforeShowDay: checkDate,
          onSelect: function(selected) {
            $('#reservation_end_date').datepicker("option", "minDate", selected);
            $('#reservation_end_date').attr("disabled", false);

            var start_date = $('#reservation_start_date').datepicker('getDate');
            var end_date = $('#reservation_end_date').datepicker('getDate');
            var nights = (end_date - start_date)/1000/60/60/24 + 1;

            var input = {
              'start_date': start_date,
              'end_date': end_date
            }
          }
        });

        $('#reservation_end_date').datepicker({
          dateFormat: 'dd-mm-yy',
          minDate: '1m',
          maxDate: '6m',
          beforeShowDay: checkDate,
          onSelect: function(selected) {
            $('#reservation_start_date').datepicker("option", "maxDate", selected);

            var start_date = $('#reservation_start_date').datepicker('getDate');
            var end_date = $('#reservation_end_date').datepicker('getDate');
            var nights = (end_date - start_date)/1000/60/60/24 + 1;

            var input = {
              'start_date': start_date,
              'end_date': end_date
            }

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

jQuery UI の Datepicker ですかね？
開始日の onSelect で start_date まで取得できているので、それをもとに計算すればいいでしょう。

            var endStart = new Date(start_date);
            endStart.setDate(endStart.getDate() + 30);
            $('#reservation_end_date').datepicker("option", "minDate", endStart);

Comments

[IchhyIshii]

x_xさん

早速、ご回答いただきありがとうございます。
ご指摘いただいたコードで無事に解決致しました。

ありがとうございましたm(_ _)m

$('#reservation_start_date').datepicker({
dateFormat: 'dd-mm-yy',
minDate: 0,
maxDate: '1m',
beforeShowDay: checkDate,
onSelect: function(selected) {
$('#reservation_end_date').attr("disabled", false);

var start_date = $('#reservation_start_date').datepicker('getDate');
var end_date = $('#reservation_end_date').datepicker('getDate');
var nights = (end_date - start_date)/1000/60/60/24 + 1;
var endStart = new Date(start_date);
endStart.setDate(endStart.getDate() + 30);
$('#reservation_end_date').datepicker("option", "minDate", endStart);

var input = {
'start_date': start_date,
'end_date': end_date
}