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

【问题标题】：Disable previous date of a date picker according to date selected in a datepicker根据日期选择器中选择的日期禁用日期选择器的上一个日期
【发布时间】：2013-04-26 11:00:40
【问题描述】：

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

【问题讨论】：

标签： jquery html

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

【讨论】：

【解决方案2】：

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

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

【讨论】：