jQuery - Come modificare le impostazioni di Datepicker dopo che è stato inizializzato

Question

Vorrei associare alla funzione "onSelect" datapicker inizializzata.

Ho cercato duramente di trovare una soluzione sul web, ma non ho avuto successo.

Chiunque può dirmi come si fa?

Answer 1

Si può semplicemente utilizzare il setter

$('#datepicker').datepicker(); 
$('#datepicker').datepicker("option", "onSelect", function(){alert('hi')}); 

violino qui http://jsfiddle.net/nhmsZ/

Answer 2

Prima di tutto la risposta di Nicola è corretta e mi ha aiutato. Stavo cercando alcuni post correlati che non risolvevano davvero il mio problema.

Sto scrivendo questo per espandere la risposta esistente. Se utilizzi un framework che limita la tua capacità di controllare l'ordine di esecuzione del tuo JavaScript, ad esempio Zend Framework, potresti dover licenziare l'opzione di bind con un ritardo.

$(document).ready(function() { 
     function imahackfunction() { 
      $('#startdate').datepicker('option', 'onSelect', function() { 
       alert($('#startdate').val()); 
      }); 
     } 
     setTimeout(imahackfunction, 2000); 
    }); 

È possibile che questo ha lavorato per me, come ho due blocchi, uno $(document).ready(function() { apro a mio avviso, l'altra "iniettato" dal quadro che crea un'istanza del DatePicker.

Quello che mi chiedo è il motivo per il DatePicker non si limita a fuoco l'evento change sull'ingresso associato dalla proprietà altField ...

Answer 3

ho trovato le soluzioni di cui sopra ha causato problemi nel mio caso. L'impostazione onSelect dopo che il datepicker è già stato inizializzato sembra causare il reinizializzazione del datepicker. Questo potrebbe non essere desiderabile.

In caso di problemi potrebbe essere necessario passare attraverso la porta di servizio. Ciò potrebbe avere problemi di compatibilità quando JQUI è aggiornato, ma se siete disposti a trattare con quello, allora questo codice potrebbe aiutarti ...

var inst = $.datepicker._getInst($('#startdate').get(0)); 
inst.settings.onSelect = function (dt) { 
    // your code here 
};