动态更改 jQuery UI datepicker minDate答案

【问题标题】：Change jQuery UI datepicker minDate dynamically动态更改 jQuery UI datepicker minDate
【发布时间】：2014-11-15 23:15:33
【问题描述】：

每次#position 或#type 的时间值发生变化时，我都需要更改jQuery 的datepicker 的minDate。目前minDate 的值仅在#position 或#type 调用.change() 方法时才发生变化。

我目前正在使用以下代码：

$("#position, #type").change(function(){
     var pos = $("#position").val();
     var type = $("#type").val();
     var url =  "getdate/"+type+"/"+pos;
     $.get(url, function(msg){
         $('.date1').datepicker({
             MinDate: msg
         });
     });
})

【问题讨论】：

标签： jquery datepicker mindate

【解决方案1】：

那是因为每次出现.change() 事件时，您都会重新启动.datepicker 方法。

而不是这个，在类.date1 上启动一次datepicker，然后更改MinDate，如下所示：

$('.date1').datepicker('option', 'minDate', msg);

所以这会产生：

// first initialise
$('.date1').datepicker({
     MinDate: msg
});

$("#position, #type").change(function(){
     var pos = $("#position").val();
     var type = $("#type").val();
     var url =  "getdate/"+type+"/"+pos;
     $.get(url, function(msg){
        // then change
        $('.date1').datepicker('option', 'minDate', msg);
     });
})

或者，您也可以按如下方式销毁.datepicker 对象：

$('.date1').datepicker('destroy');

然后按照您自己的代码重新创建对象。所以结合起来会产生：

// first initialise
$('.date1').datepicker({
     MinDate: msg
});

$("#position, #type").change(function(){
     var pos = $("#position").val();
     var type = $("#type").val();
     var url =  "getdate/"+type+"/"+pos;
     $.get(url, function(msg){
        // first destroy
        $('.date1').datepicker('destroy');
        // then recreate
        $('.date1').datepicker({
           MinDate: msg
        });
     });
})

另外，请参考这个问题和答案：

jQuery DatePicker -- Changing minDate and maxDate on the fly

【讨论】：