更改/編輯活動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);

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