根据日期选择器中选择的日期禁用日期选择器的上一个日期

Question

我有两个简单的jquery日期选择器，可以选择到达和离开日期。如果用户从到达日期选择器中选择一个日期，我想要在出发时禁用所有上一个日期。

Answer 1

添加两个带有ID arrival和departure的输入文本字段并尝试此

$("#arrival").datepicker({

            showAnim : 'slideDown',
            showOptions : 'slow',
            defaultDate : "+1w",
            changeMonth : true,
            changeYear : true,
            yearRange : "1950:2100",
            onClose : function(selectedDate) {
                $("#departure").datepicker("option", "minDate", selectedDate);
            }
        });
        $("#departure").datepicker({

            showAnim : 'slideDown',
            showOptions : 'slow',
            defaultDate : "+1w",
            changeMonth : true,
            changeYear : true,
            yearRange : "1950:2100",
            onClose : function(selectedDate) {
                $("#arrival").datepicker("option", "maxDate", selectedDate);
            }
        });

了解更多Visit JQuery Datepicker

Answer 2

你可以通过简单的方式做到：

$('#StartDate').change(function() {
            $( "#EndDate" ).datepicker( "option", "minDate" ,$(this).val());
   });