【问题标题】:Modify jQueryUI datepicker buttons修改 jQueryUI 日期选择器按钮
【发布时间】:2015-03-01 17:49:01
【问题描述】:

jQueryUI 日期选择器可以使用 Today 和 Done 按钮进行设置。见http://jqueryui.com/datepicker/#buttonbar

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

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

PS。我认为这无关紧要,但我将日期选择器与http://trentrichardson.com/examples/timepicker/结合使用

【问题讨论】:

    标签: javascript jquery jquery-ui datepicker jquery-ui-datepicker


    【解决方案1】:

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

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

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

    DEMO

    【讨论】:

    • 谢谢查理,这完全符合我的要求,但是,我可能应该更具体一些。我需要访问日历 this 对象。我想我可以这样做,并直接访问日历 ID?
    • 可以通过API访问。你到底需要什么?
    • 我想只是绑定另一个事件有效。很好奇如何通过 API 访问它。
    • 如果你需要日期,例如使用getDate方法api.jqueryui.com/datepicker/#method-getDate
    • 那么,除了onclose之外,当点击完成按钮时没有触发事件?
    猜你喜欢
    • 1970-01-01
    • 2016-11-26
    • 1970-01-01
    • 1970-01-01
    • 2016-10-10
    • 2019-06-30
    • 2019-04-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多