使用jQuery UI datepicker选择日期时的触发功能

Question

当我在jQuery UI datepicker上选择一个选定的日期时,如何触发onSelect事件？

Answer 1

工作演示:http://jsfiddle.net/YbLnj/

文档:http://jqueryui.com/demos/datepicker/

码

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

使用以下代码:

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

你可以自己调整参数:-)

Answer 3

如果您对用户关闭日期选择对话框而不选择日期(在我选择的情况下选择没有日期也有意义)的情况感兴趣,您可以绑定到该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 4

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