jquery - Clockpicker:如何防止单击输入以打开Clockpicker

我在我的页面上使用weareoutman's clockpicker。如何防止点击输入显示时钟选择器或淡入覆盖前时钟选择器变得可见？我只是想在时钟选择器显示之前淡入覆盖层。点击“按钮”按需工作。到目前为止，我已经在时钟选择器中尝试了beforeShow函数，也在jQuery中尝试了e.preventDefault（）和e.stopPropagation（）函数。
HTML格式：

<div class="dialog">
    <div>Clock:</div>
    <div class="input-group" id="clockpicker">
        <input type="text" id="start-time" class="clock text-right" readonly />
        <span class="button button-gray icon icon-clock"></span>
    </div>
<div class="dialog-overlay hide"></div>
</div>

查询：

var clock = jQuery('#clockpicker'),
    dialog_overlay = jQuery('.dialog-overlay');

clock.clockpicker({
    autoclose: true,
    afterDone: function() {
        dialog_overlay.fadeOut('slow');
    }
});

clock.on('click', function(e) {
    dialog_overlay.fadeIn('slow', function() {
        clock.clockpicker('show');
    });
});

最佳答案

我找到了解决这个问题的办法。在输入字段中设置click event off。

clock.find('input').off('focus.clockpicker click.clockpicker');

我希望这个解决方案也能帮助其他人。

关于jquery - Clockpicker:如何防止单击输入以打开Clockpicker，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34978129/