javascript - 当按下 'Done' 按钮时，datetimepicker 触发一个 javascript 函数

Question

我有一个日期时间选择器取自 here .此小部件可让您从日历中选择一天并设置时间。还有一个关闭小部件并设置日期的“完成”按钮。当按下完成按钮时，我需要能够从当前脚本调用 javascript 函数。我尝试了不同的解决方案，但都没有奏效:

我的页面.html:

<link rel=stylesheet href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="timepicker/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript">
\$(function() { \$('#selectedDateTime').datetimepicker(); });
</script>
...
<input type="text" id="selectedDateTime">

我已经试过了，但是没有用:

<script type="text/javascript">
$("#selectedDateTime").datetimepicker({
onClose: function(dateText, inst) {
   my_func();
  }
});
function my_func() {
  alert('my_func triggered');
}
</script>

虽然我已经设法在更改日期或更改时间时调用我的函数，但我只想在按下完成按钮时调用我的函数。这样我就避免了多次调用该函数。

<input type="text" id="selectedDateTime" onChange="javascript:my_func"> // this is working, but calls the function all the times, even if the button is not pressed

Answer 1

我从 here 找到了这个解决方案

<script type="text/javascript">
 function isDonePressed(){
   return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
}

function my_func() {
  if(isDonePressed())
    alert('my_func triggered');
}