Función de activación cuando se selecciona la fecha con jQuery UI datepicker

Question

¿Cómo puedo activar el evento onSelect cuando selecciono una fecha seleccionada en jQuery UI datepicker? demostración

Answer 1

Trabajando: http://jsfiddle.net/YbLnj/

Documentación: http://jqueryui.com/demos/datepicker/

código

$("#dt").datepicker({ 
    onSelect: function(dateText, inst) { 
     var date = $(this).val(); 
     var time = $('#time').val(); 
     alert('on select triggered'); 
     $("#start").val(date + time.toString(' HH:mm').toString()); 

    } 
}); 

Answer 2

Si el selector de fechas está en una fila de una cuadrícula, intentar algo así como

editoptions : { 
    dataInit : function (e) { 
     $(e).datepicker({ 
      onSelect : function (ev) { 
       // here your code 
      } 
     }); 
    } 
} 

Answer 3

utilizar el siguiente código:

$(document).ready(function() { 
    $('.date-pick').datepicker({ 
    onSelect: function(date) { 
     alert(date) 
    }, 
    selectWeek: true, 
    inline: true, 
    startDate: '01/01/2000', 
    firstDay: 1, 
    }); 
}); 

Puede ajustar los parámetros mismo :-)

Answer 4

Si también está interesado en el caso de que el usuario cierra el cuadro de diálogo de selección de fecha sin seleccionar una fecha (en mi caso, al seleccionar ninguna fecha también ha significado) se puede unir al evento onClose:

$('#datePickerElement').datepicker({ 
     onClose: function (dateText, inst) { 
      //you will get here once the user is done "choosing" - in the dateText you will have 
      //the new date or "" if no date has been selected    
     }); 

Answer 5

$(".datepicker").datepicker().on("changeDate", function(e) { 
    console.log("Date changed: ", e.date); 
});