jquery-ui – 基于另一个日期戳或文本框限制jquery datepicker中的日期

我有两个文本框，一个日期戳连接到他们。文本框是开始日期和结束日期。第一个datepicker被设置为使得用户不能在今天之前选择日期，但可以在将来选择任何日期。

如何设置第二个日期选择器，以便在第一个日期选择器中选择的日期之前不能选择日期？例如：如果今天是12/11/10，而在第一个datepicker中选择12/15/10，那么第二个日期选择器在12/15/10之前不应该选择任何东西。

到底是我有什么

$("#txtStartDate").datepicker({ minDate: 0 });
$("#txtEndDate").datepicker({});

解决方法

例如，在这个示例代码中，startDatePicker被选为2010-12-12，startDatePicker的更改事件设置了endDatePicker 2010-12-13的minDate。它在这个日期之前锁定单元格。这是一个@Victor提到的样本。我希望它有助于… … … … Ozlem。

$("#startDatePicker").datepicker({ 
    dateFormat: 'yy-mm-dd',changeMonth: true,minDate: new Date(),maxDate: '+2y',onSelect: function(date){

        var selectedDate = new Date(date);
        var msecsInADay = 86400000;
        var endDate = new Date(selectedDate.getTime() + msecsInADay);

        $("endDatePicker").datepicker( "option","minDate",endDate );
        $("endDatePicker").datepicker( "option","maxDate",'+2y' );

    }
});

$("endDatePicker").datepicker({ 
    dateFormat: 'yy-mm-dd',changeMonth: true
});

原文地址：https://www.jb51.cc/jquery/183589.html