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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/183589.html

猜你在找的jQuery相关文章