你在datepicker对象中寻找onSelect事件:

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

你可以使用datepicker的onSelect事件。

$(".date").datepicker({
    onSelect: function(dateText) {
        console.log("Selected date: " + dateText + "; input's current value: " + this.value);
    }
});

生活例子:

$(".date") .datepicker({ onSelect: function(dateText) { console.log("Selected date: " + dateText + "; input's current value: " + this.value); } }) .on("change", function() { console.log("Got change event from field"); }); <link href="https://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <input type='text' class='date'> <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

不幸的是，onSelect会在选择日期时触发，即使日期没有改变。这是datepicker的一个设计缺陷:它总是触发onSelect(即使没有任何变化)，并且不会在底层输入发生变化时触发任何事件。(如果你看一下这个例子的代码，我们正在监听变化，但是它们并没有被引发。)当事情发生变化时，它可能会在输入上触发一个事件(可能是通常的更改事件，也可能是特定于数据选择器的事件)。

当然，如果你愿意，你也可以在输入端触发change事件:

$(".date").datepicker({
    onSelect: function() {
        $(this).change();
    }
});

这将对通过jQuery连接的任何处理程序的底层输入触发更改。但是，它总是会发射。如果您只想在实际更改时触发，则必须保存之前的值(可能通过数据)并进行比较。

生活例子:

$(".date") .datepicker({ onSelect: function(dateText) { console.log("Selected date: " + dateText + "; input's current value: " + this.value); $(this).change(); } }) .on("change", function() { console.log("Got change event from field"); }); <link href="https://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <input type='text' class='date'> <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

你在datepicker对象中寻找onSelect事件:

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

试一试:

$('#idPicker').on('changeDate', function() {
    var date = $('#idPicker').datepicker('getFormattedDate');
});

在jQueryUi 1.9上，我已经设法让它通过一个额外的数据值和beforeShow和onSelect函数的组合来工作:

$( ".datepicker" ).datepicker({
    beforeShow: function( el ){
        // set the current value before showing the widget
        $(this).data('previous', $(el).val() );
    },

    onSelect: function( newText ){
        // compare the new value to the previous one
        if( $(this).data('previous') != newText ){
            // do whatever has to be done, e.g. log it to console
            console.log( 'changed to: ' + newText );
        }
    }
});

对我有用:)

这种方法很简单，每次都适用于文本框控件。$ (" # controlID”)。on('changeDate'， function() {$(this).change();})；