.datepicker 日期选择效果查询答案

【问题标题】：.datepicker date selection effects query.datepicker 日期选择效果查询
【发布时间】：2014-06-22 17:37:04
【问题描述】：

我正在开发我的个人工作网站。我的问题是，在日历中甚至可以在今天之前选择“从”日期（不好），此外，如果从今天起 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>

【问题讨论】：

标签： javascript jquery css date

【解决方案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
    });
});

【讨论】：

【解决方案2】：

根据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);
            }        
});
});

【讨论】：