JQuery datepicker添加1天到结束日期minDate

Question

我正在使用此JQuery日期选择器代码来选择日期范围。

$(function() { 
    var dateFormat = "mm/dd/yy", 
     from = $("#from").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 3 
     }).on("change", function() { 
      to.datepicker("option", "minDate", getDate(this)); 
     }), 
     to = $("#to").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 3 
     }).on("change", function() { 
      from.datepicker("option", "maxDate", getDate(this)); 
     }); 

    function getDate(element) { 
     var date; 
     try { 
      date = $.datepicker.parseDate(dateFormat, element.value); 
     } catch (error) { 
      date = null; 
     } 
     return date; 
    } 
}); 

我需要在结束日期添加一天。例如，如果我在开始日期选择12/08/2016，我希望结束日期从12/09/2016开始。

我该怎么做？这里是一个JSFiddle

Answer 1

你需要选择日期选择时的min-date选项onSelect事件从的DatePicker

调用设置为的DatePicker。该函数将所选日期作为文本并将日期选择器实例作为参数。这指的是相关的输入字段。

注：只有相关的代码在这里添加

$('#from').datepicker({ 
     onSelect: function(selectedDate) { 
      $('#to').datepicker('option', 'minDate', new Date(selectedDate).addDays(1)); 
     } 
}); 

//Method to add days to date 
function addDays(date, days) { 
    var dat = date; 
    dat.setDate(dat.getDate() + days); 
    return dat; 
} 

Fiddle