防止jQuery timepicker插件自动打开

时间:2011-08-09 11:33:02

标签: javascript jquery html jquery-ui datetimepicker

有没有人知道在文本框聚焦时阻止jQuery timepicker addon自动打开的方法?文档似乎没有提供方法,我目前正在查看源代码,看看我是否可以添加功能 ,但是我忽略了一种简单的方法来实现这一目标吗?

3 个答案:

答案 0 :(得分:2)

如何在点击按钮时启动datetimepicker(以及聚焦输入框),并在选择器关闭时销毁对象?

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

由于timepicker是jquery ui datepicker的插件,您可以使用showOn选项指定使用按钮来触发它。请参阅datepicker示例here

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

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