jquery ui datepicker範圍開放日期2選擇日期1後自動

Question

我使用jQuery ui datepicker範圍進行預訂check in - check out，我需要用戶選擇check in日期後check out calendar會自動打開選擇日期2.我我正在使用標準的jQuery UI日期選擇器。

jQuery(function() { 

var dateToday = new Date(); 

jQuery.datepicker.setDefaults({ 
    defaultDate: '+1w', 
    changeMonth: true, 
    changeYear: false, 
    buttonImageOnly: true, 
    buttonImage: calendarUrl, 
    showOn: 'both', 
    numberOfMonths: 1, 
    dateFormat: 'dd/mm/yy', 
    minDate: dateToday 
    }); 
jQuery('#from').datepicker({onSelect: function() { 
     var date = jQuery(this).datepicker('getDate'); 
     if (date) { 
      date.setDate(date.getDate() + 1); 
     } 
     jQuery('#to').datepicker('option', 'minDate', date); 
}}); 
jQuery('#to').datepicker({onSelect: function() { 
     var date = jQuery(this).datepicker('getDate'); 
     if (date) { 
      date.setDate(date.getDate() - 1); 
     } 
     //jQuery('#from').datepicker('option', 'maxDate', date); 
}}); 
}); 

Answer 1

嘗試用這種方法在'from'datepicker中選擇方法。

加入這一行initialzing的「到」後日期選擇器

jQuery('#from').datepicker({ 
onClose: function(){ 
    var date = jQuery(this).datepicker('getDate'); 
    if (date) { 
     date.setDate(date.getDate() + 1); 
    } 
    jQuery('#to').datepicker('option', 'minDate', date); 
    jQuery('#to').datepicker('show'); 
}});