एक jquery-ui डेटपिकर उदाहरण में अतिरिक्त ईवेंट हैंडलर कैसे जोड़ें?

Question

मुझे एक ऑन-सिलेक्ट इवेंट हैंडलर के साथ डेटपिकर मिला है। बाद में मेरे कार्यक्रम में, मैं अन्य हैंडलर पर चयन करना चाहता हूं। समस्या यह है कि वे पहले व्यक्ति को मिटा देते हैं। (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); 
});