.datepicker日期选择效果查询

Question

我正在我的个人工作网站上工作。 我的问题是，在日历“从”日期可以挑选甚至在今天之前（不好），而且如果从今天起5天内选择“从”日期，在“到”日期它仍然给我选择日期之前选择“从”选定的日期。而它应该只让我选择超出“From”日期的日期。而且无法弄清楚如何使在“结束日期”悬停效果

的JavaScript（就像即使从现在悬停第6天，shouls突出5 &初六）：

$(document).ready(function(){ 
    $('#from').datepicker({ 
     numberOfMonths:2 
    }); 
}); 
</script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#to').datepicker({ 
     numberOfMonths:2 
    }); 
}); 
</script> 

Answer 1

根据API DatePicker你需要设置的minDate &的maxDate上选择 。

$(document).ready(function(){ 
$('#from').datepicker({ 
    numberOfMonths:2, 
    onSelect: function (date) { 
     $("#to").datepicker("option", "minDate", date); 
    } 
}); 

$('#to').datepicker({ 
    numberOfMonths:2, 
    onSelect: function (date) { 
       $("#from").datepicker("option", "maxDate", date); 
      }   
}); 
}); 

Answer 2

要调整从日期开始，并设置minDate尝试如下所示。

你可以在这里找到API文档：http://api.jqueryui.com/datepicker

$(document).ready(function(){ 
    $('#from').datepicker({ 
     minDate: 0, 
     numberOfMonths:2, 
     onSelect: function (selectedDate) { 
      $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 

    $('#to').datepicker({ 
     minDate: 0, 
     numberOfMonths:2 
    }); 
});