具有依赖性的 JQuery 日期选择器

Question

是否有任何 JQuery 预定义代码可以在一个页面中设置两个具有依赖性的日期选择器？

例如:“截止日期”和“起始日期”，其中“起始日期”必须大于或等于“截止日期”。

如果不是，那么这种情况的代码是什么？

谢谢。

Answer 1

看看 jqueryui 网站 - http://jqueryui.com/datepicker/#date-range

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});