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)
}