防止 jQuery timepicker 插件自动打开

Question

有谁知道一种方法可以防止 jQuery timepicker 插件 在文本框聚焦时自动打开？该文档似乎没有提供一种方法，我目前正在查看源代码，看看是否可以添加该功能但是我是否忽略了实现此目的的简单方法？

Answer 1

单击按钮（以及聚焦输入框）时启动datetimepicker，并在选择器关闭时销毁该对象怎么样？

$('#button').click(function() {
    $('#timepicker').datetimepicker({
        onClose: function(dateText, inst) {
           $(this).datetimepicker('destroy');
        }
    }).focus();
});

示例： http://jsfiddle.net/william/NRH9r/

Answer 2

尝试使用名为 unbind() 的 jquery 函数从 datetimepicker 中删除 onfocus 事件。然后，您可以在触发单击事件或您希望触发的任何其他事件时调用日期时间选择器的实例。另一种选择是调用触发 datetimepicker 的 onfocus 事件，并将事件对象传递到回调函数中。然后调用例如 event.preventDefault()。这将阻止 onfocus() 事件执行其通常执行的操作。

Answer 3

由于 timepicker 是 jquery ui datepicker 的插件，因此您可以使用 showOn 选项指定使用按钮来触发它。请参阅此处的日期选择器示例。

以下是如何将其用于时间选择器的示例：

 $('input:text.timepicker').timepicker({
        showOn: "button",
        buttonImage: "/content/images/time_icon.png",
        buttonImageOnly: true
    });