jquery ui datepicker range open date 2 automatic after date1 selected

Question

我使用 JQuery ui 日期选择器范围进行预订入住 - 退房，我需要在用户选择入住日期后，退房日历将自动打开选择日期 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' 日期选择器的 select 方法尝试类似的操作。

初始化 'to' 日期选择器后添加此行

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');
}});

jquery ui datepicker range open date 2 automatic after date1 selected

jquery ui datepicker range open date 2 automatic after date1 selected

jquery

jquery-ui

datepicker

jquery-ui-datepicker