Question

我正在开设个人工作网站。我的问题是，在日历中，“从”日期甚至可以在今天之前选择（不好），而且如果从今天起5天后选择“自”日期，在“到”日期它仍然可以选择日期之前“从“选定日期。虽然它应该只让我选择超出我在“从”日期的日期。而且无法弄清楚如何在“结束日期”中引入悬停效果（即使从现在开始第6天徘徊，也会突出显示第5天和第6天。）

JavaScript的：

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

Answer 1

要调整起始日期并设置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
    });
});

Answer 2

根据API DatePicker 你需要设置minDate＆amp;选择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);
            }        
});
});

.datepicker日期选择效果查询

2 个答案: