如何將其他事件處理程序添加到jquery-ui datepicker實例？

Question

我有一個onSelect事件處理程序的日期選擇器。後來在我的程序中，我想添加其他onSelect處理程序。問題是，他們消滅了第一個。 （Fiddle。）

如何添加額外的處理程序而不這樣做？

Answer 1

你可以在數組中維護你想要的調用;

var firstHandler = function(dateText, inst) { 
    console.log('Original Handler', dateText, inst); 
}; 

var secondHandler = function(dateText, inst) { 
    console.log('Second Handler', dateText, inst); 
}; 

$('#datepicker').datepicker({ 
    onSelect: function() { 
     var sinks = $(this).data("mySelects"); 
     for (var i = 0; i < sinks.length; i++) 
      sinks[i].apply(this, arguments); 
    } 
}).data("mySelects", [firstHandler]); 

$('#addBtn').click(function(event) { 
    $('#datepicker').data('mySelects').push(secondHandler); 
    $('#datepicker').data('mySelects').push(nthHandler); 
});