javascript - 修改 jQueryUI 日期选择器按钮

Question

jQueryUI 日期选择器可以使用“今天”和“完成”按钮进行设置。请参阅http://jqueryui.com/datepicker/#buttonbar .

如何在单击“完成”按钮时触发某些事件(即 alert('close');)，然后继续使用按钮的默认功能(即关闭日历)。

请注意，我不希望使用 onClose() 方法，因为当通过任何方式关闭日历(即单击日历)时会触发该方法，而不一定是在单击“完成”按钮时触发被点击。

PS。我认为这不相关，但我正在将日期选择器与 http://trentrichardson.com/examples/timepicker/ 结合使用。

Answer 1

您可以使用事件委托(delegate)创建单独的处理程序。

$(document).on('click', 'button.ui-datepicker-close', function(){
    alert('close')
});

我将事件处理程序绑定(bind)到Done按钮，因为虽然我认为这就是您所要求的，但并不完全清楚您想要什么行为

DEMO