jQueryUI datepicker widget add 'onClose' функция после инициализации виджета

Question

Предположим, у меня есть поле #date. Сначала я инициализировать его с некоторыми опциями (они не являются важными в данный момент):

$('#date').datepicker(options); 

Тогда, если я пытаюсь добавить onClose функцию, я хотел бы сделать:

$('#date').datepicker({onClose: function(dateText, inst){console.log("Hello World");}}); 

Howerver, это переопределение параметры, заданные ранее. Предположим, у меня нет доступа к этим параметрам - датапикер инициализирован, параметры установлены, и теперь мне нужно добавить функцию onClose. Как это сделать? Я пробовал .datepicker('option','onClose',function(){}); без эффекта.

Answer 1

Попробуйте как

$('#date').datepicker('option' , 'onClose', function() {}); 

Answer 2

Попробуйте это:

$('#date').datepicker().bind('onClose',function(){ 
    console.log("Hello World"); 
}); 

Answer 3

Попробуйте это:

$('#date').datepicker(); 
... 
$('#date').datepicker("option", { 
    onClose: function(dateText, inst){console.log("Hello World");} 
}); 

Конечно, это будет превалировать предыдущую OnClose функцию вы установили ранее. источник: jQuery forum post

Answer 4

Определите свою функцию закрытия как только один из ваших вариантов в инициализации. Это работает для меня.

$('#date').datepicker({ 
    dateFormat: "dd/mm/yy", 
    onClose: function(dateText, inst){console.log("Hello World");} 
}); 

Answer 5

У меня также была проблема с тем, что более старые функции закрытия заменялись. После многого поиска, и я реализовал свою собственную функцию для решения этой проблемы. Ниже приведен фрагмент кода

function addCloseFunctionToDatePicker(id, funHandler) { 
    var $datePicker=$('#' + id); 
    var prevhandler = $datePicker.datepicker('option', 'onClose'); 
    $datePicker.datepicker('option', { 
     onClose: function (dateText, inst) {      
      if (prevhandler) { 
       prevhandler(dateText, inst); 
      } 
      funHandler(dateText, inst);     
     }    
    });  
} 

Calling механизм:

addCloseFunctionToDatePicker('myDatePicker', function(){ alert("I'm next method"); });