如何从另一个日期选择器在日期选择器中设置最小日期？

Question

我目前正在为我的日期选择器添加验证，但无法将到日期选择器中的最短日期设置为 中选择的日期 日期选择器。即，如果选择 12-3-15，则截止日期选择器中的最小日期为 12-3-15。这是我使用的代码：

$("#from").datepicker({
            defaultDate: new Date(),
            minDate: new Date(),
            onSelect: function(dateStr) 
            {
            fromDate = new Date(dateStr);
            }
        });

$('#to').datepicker({
            defaultDate: new Date(),
            minDate: ("#from" + "1D"), (<- HERE)
            onSelect: function(dateStr) {
            toDate = new Date(dateStr);

                // Converts date objects to appropriate strings
                fromDate = ConvertDateToShortDateString(fromDate);
                toDate = ConvertDateToShortDateString(toDate);
        });

有人知道我是怎么做到的吗？

Answer 1

请检查此工作fiddle

JSFiddle

使用option将minDate设置为第二个datepicker

$("#from").datepicker({
        defaultDate: new Date(),
        minDate: new Date(),
        onSelect: function(dateStr) 
        {         
            $("#to").val(dateStr);
            $("#to").datepicker("option",{ minDate: new Date(dateStr)})
        }
    });

Answer 2

答案很好，但是你需要销毁 $to 的日期选择器，因为如果不是 $to datepicker 仍然是你 select 的第一个日期，并删除 $to datepicker 中的选项，这为我工作，你不需要为 $to.

创建其他功能

$("#from").datepicker({
    defaultDate: new Date(),
    minDate: new Date(),
    onSelect: function(dateStr) 
    {         
        $("#to").datepicker("destroy");
        $("#to").val(dateStr);
        $("#to").datepicker({ minDate: new Date(dateStr)})
    }
});

如何从另一个日期选择器在日期选择器中设置最小日期？

How do I set Min Date in Datepicker from another Datepicker?

jquery

jquery-ui

date

datepicker