jquery ui datepicker范围打开日期2自动选择date1之后

时间:2016-08-15 08:36:46

标签: jquery jquery-ui datepicker jquery-ui-datepicker

我使用JQuery ui datepicker范围进行预订登记 - 退房,我需要在用户选择登记日期之后检查日历将自动打开以选择日期2.我使用的是标准的jQuery UI datepicker。

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

1 个答案:

答案 0 :(得分:1)

尝试使用'来自'的选择方法。日期选择器。

在将'初始化为'之后添加此行。日期选择器

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