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

【问题标题】：JQuery datepicker add 1 day to end date minDateJQuery datepicker 添加 1 天到结束日期 minDate
【发布时间】：2017-04-22 01:16:27
【问题描述】：

我正在使用这个 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

【问题讨论】：

你能做一个jsfiddle 或snippet 吗？

标签： javascript jquery date jquery-ui datepicker

【解决方案1】：

您需要在 from DatePicker 的onSelect 事件中设置 to DatePicker 的 min-date 选项

选择日期选择器时调用。该函数接收选定的日期作为文本和 datepicker 实例作为参数。 this 指的是关联的输入字段。

注意：这里只添加相关代码

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

【讨论】：