javascript - 更改/编辑活动 jQuery Datepicker 的 onSelect 事件

Question

如果另一个代码显示这样的日期选择器：

$('#my-datepicker').datepicker({
    onSelect: function(dateText, inst) { 
    // console.log()
}
});

我想知道在datepicker选择时添加另一个事件，我该怎么做？

更新：我可以得到这样的实例datepicker：

var id = document.getElementById('my-datepicker'); 
var inst = window.$.datepicker._getInst(id);

标签： javascriptjqueryjquery-ui-datepicker

Answer 1

您可以使用 onSelect 函数属性上的选项来简单地调用调用：

$( "#my-datepicker" ).datepicker("option", "onSelect", function() {
    // do some stuff 
    console.log(" another event");
});

见下面的片段：

jQuery(function($) {

  $("#my-datepicker").datepicker({
    onSelect: function(dateText) {
      console.log(" default event");
    }
  });
  
  $( "#my-datepicker" ).datepicker("option", "onSelect", function() {
    console.log(" another event");
});

});

<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<input type='text' id='my-datepicker'>