Làm thế nào để thêm các trình xử lý sự kiện bổ sung vào một cá thể datepicker jquery-ui?

Question

Tôi đã có một datepicker với một xử lý sự kiện onSelect. Sau đó trong chương trình của tôi, tôi muốn thêm các trình xử lý onSelect khác. Vấn đề là, họ quét sạch cái đầu tiên. (Fiddle.)

Làm cách nào để thêm trình xử lý bổ sung mà không thực hiện điều đó?

Answer 1

Bạn có thể duy trì các cuộc gọi mong muốn trong một mảng;

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