如何在輸入禁用時避免顯示bootstrap clockpicker？

我在頁面中使用clockpicker插件，可以在不重新加載整個頁面的情況下啓用或禁用時鐘。所以，當我加載頁面時，我只是初始化它的啓用。如何在輸入禁用時避免顯示bootstrap clockpicker？

$(document).ready(function() { 
    configureClockPickers(); 
}); 

function configureClockPickers(){ 
    $('.clockpicker').each(function(){ 
     $(this).clockpicker({autoclose: true}); 
    } 
}

如果輸入dinamically啓用（再次打電話給我的功能configureClockPickers（）的時鐘是完全顯示。

問題出現時輸入的dinalically禁用。我不知道如何停止顯示。當點擊時鐘圖標（如果點擊禁用輸入顯示無時鐘）的時鐘

我的時鐘作爲生成如下：

<div id="clock" class="input-group clockpicker" data-placement="left" data-align="top"> 
    <form:input path="clock1" id="clock1" type="text" cssClass="form-control inputForm inputClock"/>  
    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span> 
</div>

有什麼想法？

非常感謝！

來源

2016-11-28 Ivan

我已經解決了！：https://stackoverflow.com/questions/34978129/clockpicker-how-to-prevent-click-on-input-to-open-clockpicker/47032514#47032514 – Dani

當您禁用輸入時，您還需要防止從span冒泡click事件。事情是這樣的：

var inpDisabled; 

$('.clockpicker .input-group-addon').on('click', function (e) { 
    if(inpDisabled){ 
     e.stopPropagation(); 
    } 
}); 

//... 
//somewhere in the code 

inpDisabled = true;

之後，你的.clockpicker將聽不到click事件嵌套span並不會顯示拾取

這是一個通用的解決方案，所以你需要改變它在您的自定義項目

來源

2016-11-28 10:51:12 MysterX

不適合我...我甚至嘗試過總是禁用'點擊'，但clockpicker仍然出現。我已經寫在我的onready（和控制檯顯示「你好」和clockpicker後:(:(。clockpicker。輸入組addon'）。（「hello！」）; e.stopPropagation（）; \t \t}）; – Ivan

如何在輸入禁用時避免顯示bootstrap clockpicker？

回答

相關問題