Cómo agregar manejadores de eventos adicionales a una instancia jquery-ui datepicker?

Question

Tengo un marcador de fecha con un controlador de eventos onSelect. Más adelante en mi programa, quiero agregar otros controladores de selección. El problema es que borran al primero. (Fiddle.)

¿Cómo puedo agregar controladores adicionales sin hacer eso?

Answer 1

Puede mantener sus llamadas deseadas en una matriz;

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