日期選擇器與禁用日期JQuery UI問題

Question

當從組合框中選擇其他城市時，我需要更新UI Jquery datepicker的禁用日期，因此在iv做的是組合框的onchange運行以下函數，該函數對PHP腳本進行ajax調用，從而擊中數據庫通過SQL並返回基於城市的日期，我將城市轉儲到unavalibledates變量中並重新運行.datepicker

這僅在第一次運行時有效，此后不會更新，但不會出錯。 我如何使其更新。

function update_datepicker()
{
$.ajax({  
    type: "POST",  
    url: "scripts/deals.php?val=05&city="+document.getElementById('city_combo').value,  
    success: function (temp2)
         {
            var unavailableDates = [eval(temp2)];
            function unavailable(date) {
                  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
                  if ($.inArray(dmy, unavailableDates) == -1) {
                    return [true, ""];
                  } else {
                    return [false,"","Unavailable"];
                  }
                }

            $('#datepicker').datepicker({ beforeShowDay: unavailable });
         }

      });
}

Answer 1

不要每次都創建一個新的日期選擇器，只需更新您當前的

var unavailableDates;
function unavailable(date) {
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
    if ($.inArray(dmy, unavailableDates) == -1) {
        return [true, ""];
    } else {
        return [false,"","Unavailable"];
    }
}
var dp = $('#datepicker').datepicker({ beforeShowDay: unavailable });
function update_datepicker()
    {
    $.ajax({  
        type: "POST",url: "scripts/deals.php?val=05&city="+$('#city_combo').val(),  
        success: function (temp2)
        {unavailableDates = [eval(temp2)];}

    });
}

Answer 2

只需添加$（'＃datepicker'）。datepicker（“ destroy”）; 在您重新創建它之前，希望對您有所幫助