jQueryUs datepicker widget aggiunge la funzione 'onClose' dopo l'inizializzazione del widget

Question

Diciamo che ho un campo #date. All'inizio ho inizializzare con alcune opzioni (che non sono importanti al momento):

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

Poi, se provo ad aggiungere onClose funzione, lo farei:

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

Howerver, questo override opzioni impostate prima. Diciamo che non ho accesso a queste opzioni: datepicker è inizializzato, le opzioni sono impostate e ora ho bisogno di aggiungere la funzione onClose. Come farlo? Ho provato .datepicker('option','onClose',function(){}); senza alcun effetto.

Answer 1

provare come

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

Answer 2

Prova questo:

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

Answer 3

Prova questa:

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

Naturalmente ciò sarebbe contrario alla precedente funzione di onClose che hai impostato prima. source: jQuery forum post

Answer 4

Definire la funzione di chiusura come una delle opzioni, durante l'inizializzazione. Questo funziona per me.

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

Answer 5

Mi trovavo anche di fronte allo stesso problema che la funzione di chiusura precedente era stata sostituita. Dopo aver cercato molto e ho implementato la mia funzione per affrontare questo problema. Qui di seguito è il frammento di codice

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

meccanismo di chiamata:

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