Question

我正在尝试使用以下限制构建2个日期选择器：

startDate＆gt; =明天
endDate＆gt;的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)
   }; 
}

有人可以帮助我吗？

由于

Answer 1

试试这个

1）首先得到今天和明天的日期。

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

2）在minDate日期将明天的日期设为 start 。

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

希望你理解。

DatePicker使用startDate＆gt; =明天设置两个日期

1 个答案:

JSFiddle