jQuery DatePicker日历没有返回正确的月份

时间:2012-06-04 23:33:34

标签: jquery-ui-datepicker

我太靠近了。我希望大师可以帮助我完成最后一篇文章。我正在使用来自RSS提要的XML填充jQuery DatePicker日历。点击有事件的突出显示日期后,我正在创建一个带有查询字符串的URL,以便我可以显示所点击日期的所有事件。一切正常......直到我通过点击上个月或下个月来更改月份。我的脚本将返回正确的日期,但仅返回当前月份。例如,我导航到May并单击第5个,我的URL将是events.htm?month = june& day = 5。关于为什么它不会返回我选择的月份的任何想法?这是我的代码:

var data = $.ajax({
  url: "news.xml",
  type: "GET",
  dataType: "xml",
  async:false,
  success: function(xml){
     return xml;
  }
} ).responseText;

$(document).ready(function() {

    var events = getSelectedDates();

    $("div.datepicker").datepicker({
        beforeShowDay: function(date) {
            var result = [true, '', null];
            var matching = $.grep(events, function(event) {
                    return event.published.getDate() === date.getDate() && event.published.getMonth() === date.getMonth() && event.published.getFullYear() === date.getFullYear();
            });

            if (matching.length) {
                result = [true, 'highlight', null];
            }
            return result;
        },
        onSelect: function(dateText) {
            var date, selectedDate = new Date(dateText),
                i = 0,
                event = null;

            while (i < events.length && !event) {
                date = events[i].published;

                if (selectedDate.getFullYear() === date.getFullYear() && 
                    selectedDate.getMonth() === date.getMonth() && 
                    selectedDate.getDate() === date.getDate()) {

                    event = events[i];
                }
                i++;
            }
            if (event) {
                var eMonNum = event.published.getMonth();
                var d = new Date();
                var eMonNum = new Array();
                eMonNum[0] = "january";
                eMonNum[1] = "february";
                eMonNum[2] = "march";
                eMonNum[3] = "april";
                eMonNum[4] = "may";
                eMonNum[5] = "june";
                eMonNum[6] = "july";
                eMonNum[7] = "august";
                eMonNum[8] = "september";
                eMonNum[9] = "october";
                eMonNum[10] = "november";
                eMonNum[11] = "december";
                var eMon = eMonNum[d.getMonth()];
                var eDay = event.published.getDate();
                window.location = "events.htm?month="+eMon+"&day="+eDay;
            }
        }
    });
});

function getSelectedDates() {
    return $(data).find('entry').map(function() {
        return {
            title: $('title', this).text(),
            published: new Date($('published', this).text())
        };
    }).get();
}

1 个答案:

答案 0 :(得分:1)

发现问题,当您从资源复制此列表时,您忘记替换变量。

更改(月末清单)

var eMon = eMonNum[d.getMonth()];

TO:

var eMon = eMonNum[event.published.getMonth()];

我所做的就是摆脱坏变量并将你的月份变量重新分配给你当天使用的变量。您也可以删除d变量的声明,因为您不需要它。

祝你好运!