动态Jquery ui Datepicker maxDate

Question

早上好，我想要动态控制我的datepicker的maxDate。例如。：我的表单上有一个值为20/12/12的文本框上的日期。

我试过了，但不起作用，从我在文本框上得到的日期开始，日历禁用了maxDate。你能帮我一下吗：

$(function() { 
    var date = new Date(); 
    var m = date.getMonth(), d = date.getDate(), y = date.getFullYear(); 
    $("#Panel2nrFecha").datepicker({ 
        minDate: new Date(y, m, d), 
        maxDate: $("#Panel2nrTextBox1").val(), 
        dateFormat: "dd/mm/y", 
        defaultDate: "+1w", 
        changeMonth: true, 
        numberOfMonths: 3 
    }); 
}); 

Answer 1

初始化datepicker后，您可以像这样更改maxDate选项：

$("#Panel2nrFecha").datepicker('option', 'maxDate', $("#Panel2nrTextBox1").val() );

Answer 2

使用datepicker的beforeShow属性设置最小和最大日期，如Marc Grabanski和Keith Wood的本教程jQuery UI Datepicker v3.4.3 Examples - Date range中所述：

$("#Panel2nrFecha").datetimepicker({
    beforeShow: customRange,
    dateFormat: "dd/mm/y", 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 3 
});

function customRange(input) {
    return { minDate: (input.id == 'Panel2nrMinDateTextBox' ? $('#Panel2nrMinDateTextBox').datepicker('getDate') : null),
        maxDate: (input.id == 'Panel2nrMaxDateTextBox' ? $('#Panel2nrMaxDateTextBox').datepicker('getDate') : null)
    };
}

Answer 3

如果不发布一些HTML，我不确定这是否解决了您的问题，但您是否尝试过以下内容：

$(function() { 
    var date = new Date();  
    $("#Panel2nrFecha").datepicker({ 
        minDate: date, 
        maxDate: new Date($("#Panel2nrTextBox1").val()), 
        dateFormat: "dd/mm/y", 
        defaultDate: "+1w", 
        changeMonth: true, 
        numberOfMonths: 3 
    }); 
});

注意，我删除了y、m和d变量，还在datepicker的maxDate属性上添加了new Date()。