更改/编辑活动 jQuery 日期选取器的选择事件

Question

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

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

我想在选择datepicker时添加另一个事件，我将如何做到这一点？

更新：我可以像这样获取datepicker实例：

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

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'>