Funzione di trigger quando è selezionata la data con jQuery UI datepicker

Question

Come posso attivare l'evento onSelect quando seleziono una data selezionata su jQuery UI datepicker? demo

Answer 1

lavoro: http://jsfiddle.net/YbLnj/

Documentazione: http://jqueryui.com/demos/datepicker/

codice

$("#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

Se il DatePicker è in una fila di una griglia, provare qualcosa di simile

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

Answer 3

utilizzare il seguente codice:

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

È possibile regolare manualmente i parametri :-)

Answer 4

Se siete interessati nel caso in cui l'utente chiude la finestra di selezione della data senza selezionare una data anche (a mio caso la scelta di nessuna data anche ha un senso) è possibile associare all'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); 
});