jQuery Datepicker：用户下个月或上个月？

Question

在用户点击“下一个”月份或“上个月”之后，我需要使用自定义css重新填充日期选择器。 我正在进入onChangeMonthYear事件，但不知道用户的走向（下个月或上个月）。 有什么简单的内置会给我这个吗？ 如果没有，最简单的解决方案是什么？

*在此处添加代码以澄清请注意事件实际上将通过服务器端进入，而我在构建时只是在这里贬低了一些数据*

 var Event = function(text, className) {
            this.text = text;
            this.className = className;
        };

        var events = {};
        events[new Date("11/12/2012")] = new Event("A Good Day", "yellowDot");
        events[new Date("11/20/2012")] = new Event("Mkay", "blueDot");

        $('#date').datepicker({              
           beforeShowDay: function (date) {
               var event = events[date];
               if(event) {
                   return [true, event.className, event.text];
               }
               else {
                   return [true, '', ''];
               }
           },
           onChangeMonthYear: function () {
               //reload another calendar, past or future?

           }
        });

Answer 1

您正在将onChangeMonthYear处理函数传递给datepicker小部件。 该函数将使用三个参数调用：

• 新选择的一年，
• 新选的月份，
• datepicker小部件实例。

因此，你可以这样写：

onChangeMonthYear: function(year, month, widget) {
    reloadCalendar(month, year);
}

如果要操作自动完成窗口小部件，则窗口小部件实例参数作为快捷方式提供，以避免通过桥。 例如，如果要立即关闭datepicker，它允许您编写：

widget.hide();

代替：

$(this).datepicker("hide");

Answer 2

Datepicker动态创建，因此您应该使用.live

$('.ui-datepicker-next').live("click", function() {
  alert(1)
}