2014-12-02 81 views
0

我已經嘗試了很多我在本網站上看到的例子,但似乎無法獲得此代碼的工作。基於第一個輸入日期選擇器的MinDate

我正在尋找停止用戶選擇一個日期小於第一個文本框datepicker輸入的日期。但是我所嘗試的一切似乎都不起作用。

因此,DepartDate必須是#ArrivalDate + 1天的最小值,我可以將天數限制爲30天,但是minDate讓我獲勝。

任何人都可以看到我要出錯的地方。

$(document).ready(function() { 
    $("#ArrivalDate").datepicker({ 
     dateFormat: "dd/mm/yy", 
     minDate: 0, 
     onSelect: function() { 
      var date2 = $('#ArrivalDate').datepicker('getDate'); 
      date2.setDate(date2.getDate() + 30); 
      $('#DepartDate').datepicker('setDate', date2); 
      $('#DepartDate').datepicker('option', 'maxDate', date2); 
     } 
    }); 
    $('#DepartDate').datepicker({ 
     dateFormat: "dd/mm/yy", 
     onClose: function() { 
      //var date = $(this).datepicker('getDate'); 
      //date.setDate(date.getDate() + 1); 
      calculate(); 
      //minDate: $('#ArrivalDate').datepicker('getDate', '+1d'); 
      var dteArrivalDate = $('#ArrivalDate').datepicker('getDate'); 
      var dteDepartDate = $('#DepartDate').datepicker('getDate'); 
      if (dteDepartDate <= dteArrivalDate) { 
       var maxDate = $('#DepartDate').datepicker('option', 'maxDate'); 
       //var minDate = $('#ArrivalDate').datepicker('getDate', '+1d'); 
       $('#DepartDate').datepicker('setDate', maxDate); 
       //$('#DepartDate').datepicker('setDate', maxDate,'minDate',date); 
       //$('#DepartDate').datepicker({ setDate: maxDate, minDate: minDate }); 
      } 
     } 
    }); 
}); 

回答

1

爲您設置的maxDate,設置的minDate

var date1 = $('#ArrivalDate').datepicker('getDate'); 
date1.setDate(date2.getDate() + 1); 
$('#DepartDate').datepicker('option', 'minDate', date1); 
+0

dm4Web您好,我試過,之前並沒有工作 – 2014-12-03 00:33:09

+0

檢查演示:http://jsfiddle.net/x8ar0Lsq/ – dm4web 2014-12-03 00:39:19

+1

嗨dm4web,謝謝我把上面的代碼放在錯誤的地方。想想我花了很長時間看電腦 – 2014-12-03 00:52:09

相關問題