DatePicker 使用 startDate >= 明天设置两个日期

【问题标题】：DatePicker set two dates with startDate >= tomorrowDatePicker 使用 startDate >= 明天设置两个日期
【发布时间】：2013-12-04 09:41:01
【问题描述】：

我正在尝试构建 2 个具有以下限制的日期选择器：

开始日期 >= 明天
结束日期 > 开始日期
如果未选择 startDate，则 endDate 无法选择日期

就像入住/退房酒店房间一样。到目前为止我正在使用它

function customRange(input) 
{ 
    return {
     minDate: (input.id == "startDate" ? new Date(2008, 12 - 1, 1) : null),
     minDate: (input.id == "endDate" ? $("#startDate").datepicker("getDate") : null), 
     maxDate: (input.id == "startDate" ? $("#endDate").datepicker("getDate") : null)
   }; 
}

有人能帮帮我吗？

谢谢

【问题讨论】：

查看此链接。这可能是您问题的答案 [1]：stackoverflow.com/questions/16373734/…

标签： jquery datepicker

【解决方案1】：

试试这个

1) 首先获取今天和明天的日期。

var today = new Date();
var tomorrow = new Date(today.getTime() + 24 * 60 * 60 * 1000);

2) 在start Date 中设置明天的日期为minDate。

minDate: tomorrow

3) 当您选择开始日期时，将其设置为 minDate 代表end 日期。

onSelect: function (dat, inst) {
        $('#end').datepicker('option', 'minDate', dat);
    }

整个事情将在 Datepicker 中使用 3 个选项 来处理。

1. minDate  
2. maxDate  (if needed)
3. onSelect

$('#end').datepicker();
var today = new Date();
var tomorrow = new Date(today.getTime() + 24 * 60 * 60 * 1000);
console.log(tomorrow);
$('#start').datepicker({
    minDate: tomorrow,
    onSelect: function (dat, inst) {
        $('#end').datepicker('option', 'minDate', dat);
    }
});

JSFiddle

希望你能理解。

【讨论】：