jQuery - cómo alterar la configuración de Datepicker después de que se ha inicializado

Question

Me gustaría enlazar a la función "onSelect" de datepicker inicializado.

He estado tratando de encontrar una solución en la web, pero no he tenido éxito.

¿Alguien me puede decir cómo hacerlo?

Answer 1

simplemente Puede usar la incubadora

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

violín aquí http://jsfiddle.net/nhmsZ/

Answer 2

En primer lugar la respuesta de Nicola es correcta y me ayudó. Estaba encontrando algunos mensajes relacionados que realmente no resolvían mi problema.

Escribo esto para ampliar la respuesta existente. Si usa un marco que limite su capacidad para controlar el orden de ejecución de su JavaScript, digamos por ejemplo Zend Framework, es posible que deba desactivar esa opción de enlace con un retraso.

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

Lo anterior trabajó para mí, ya que tengo dos bloques, uno $(document).ready(function() { abro mi punto de vista, la otra "inyectados" por el marco que crea una instancia del planificador de evento.

Lo que me pregunto es por qué el selector de fechas no se limita a disparar el evento change en la entrada asociada directamente en el hotel altField ...

Answer 3

he encontrado las soluciones anteriores causaron problemas en mi caso. La configuración de onSelect después de que el datepicker ya se haya inicializado parece hacer que se reinicie el datepicker. Esto puede no ser deseable.

Si tiene problemas, puede ser necesario pasar por la puerta trasera. Esto podría tener problemas de compatibilidad al JQUI se actualiza, pero si usted está dispuesto a tratar con eso, entonces este código podría ayudar a salir ...

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