javascript - JQuery 日期选择器向结束日期 minDate 添加 1 天

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

您需要将onSelect中的min-date选项设置为 DatePicker 来自 DatePicker 的事件

Called when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.

注意:此处仅添加相关代码

$('#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