Datepicker 基于 Jquery Ajax 的日期限制

Question

我已经挠头一段时间了，然后我发现这里发布的一些代码很久以前就做到了这一点，但是它只更新了一个月，即使由 ajax 调用，对象似乎也没有正确刷新。

我的 JS 很差，我只能用我所拥有的编程知识来构思和讲述故事，JSON 输出工作得很好，并且可以输出我需要的值。

我有 1 个带有市场下拉选择框的选择框 2 个日期选择器（从和到）。

MarketID 已正确提取，但我仍然无法判断问题所在，仅提供 2011 年 12 月至 2012 年 2 月日期的数据，并且仅显示 2011 年 12 月。即使当我尝试 json feed 时，他们的数据也是如此。

如果你们能帮我解决这个问题，那就太好了！

<script>
var allowedDates = new Object();

function queryAllowedDates (year, month, id, market) {
  $.ajax({
    type: 'GET',
    url: '/pstars/api/api_calendardates.php',
    dataType: 'json',
    success: function(response) { 
      allowedDates[id] = response.allowedDates;
    },
    data: {year:year,month:month,market:market},
    async: false
  });
}

$("#date_from").datepicker({
  dateFormat: 'yy-mm-dd', 
  changeMonth: true, 
  changeYear: true ,
  beforeShow: function (input) {
    var currentDate = $(input).datepicker('getDate');
    var id = $(input).attr('id');
    var marketid = $('#d_market').val(); 
    queryAllowedDates(currentDate.getFullYear(), currentDate.getMonth()+1,id,marketid);
  },
  onChangeMonthYear: function (year, month, inst) {
    var marketid = $('#d_market').val();
    queryAllowedDates(year, month, inst.input.attr('id'),marketid);
  },
  beforeShowDay: function (day) {
    var id = $(this).attr('id');

    var date_str = [
      day.getFullYear(),
      day.getMonth() + 1,
      day.getDate()
    ].join('-');

    if (allowedDates[id] != undefined && allowedDates[id][date_str]) {
      return [true, 'good_date', 'This date is selectable'];
    } else {
      return [false, 'bad_date', 'This date is NOT selectable'];
    } 
  }
});

$("#date_to").datepicker({
      dateFormat: 'yy-mm-dd', 
      changeMonth: true, 
      changeYear: true ,
      beforeShow: function (input) {
        var currentDate = $(input).datepicker('getDate');
        var id = $(input).attr('id');
        var marketid = $('#d_market').val(); 
        queryAllowedDates(currentDate.getFullYear(), currentDate.getMonth()+1,id,marketid);
      },
      onChangeMonthYear: function (year, month, inst) {
        var marketid = $('#d_market').val();
        queryAllowedDates(year, month, inst.input.attr('id'),marketid);
      },
      beforeShowDay: function (day) {
        var id = $(this).attr('id');

        var date_str = [
          day.getFullYear(),
          day.getMonth() + 1,
          day.getDate()
        ].join('-');

        if (allowedDates[id] != undefined && allowedDates[id][date_str]) {
          return [true, 'good_date', 'This date is selectable'];
        } else {
          return [false, 'bad_date', 'This date is NOT selectable'];
        } 
      }
    });
</script>