web-dev-qa-db-fra.com

Fonction de déclenchement lorsque la date est sélectionnée avec jquery UI datepicker

Comment puis-je déclencher un événement onSelect lorsque je sélectionne une date sélectionnée sur datepicker de l'interface utilisateur jQuery?

jqueryeventsdatepicker
54
inkwai

Démo de travail : http://jsfiddle.net/YbLnj/

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

code 

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

    }
});
94
Tats_innit

Utilisez le code suivant:

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

Vous pouvez ajuster les paramètres vous-même :-)

11
RTB

Si vous êtes également intéressé par le cas où l'utilisateur ferme la boîte de dialogue de sélection de date sans sélectionner de date (dans mon cas, le fait de ne pas choisir de date a également une signification), vous pouvez vous connecter à l'événement 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             
      });
6
Ando
$(".datepicker").datepicker().on("changeDate", function(e) {
   console.log("Date changed: ", e.date);
});
3
Serdar KUŞ

Si le sélecteur de date se trouve dans une ligne d'une grille, essayez quelque chose comme

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