在Materializecss上将Chrome版本更新为73后,Clockpicker会立即显示和隐藏

时间:2019-03-22 12:20:21

标签: jquery materialize popover

我有时间选择器/时钟选择器,它是由materializecss(v0.100.2)进行配置的。

<label for="time">Time</label>
<input id="time" type="text" class="timepicker">

$('.timepicker').pickatime({
   default: 'now'
});

当我们单击文本字段时,clockpicker模式打开,但立即关闭。 https://codepen.io/anon/pen/evQxPy

  

在我将chrome版本更新为73之后发生这种情况

3 个答案:

答案 0 :(得分:2)

我遇到了同样的问题,并以这种方式解决了:

 $('.timepicker').on('mousedown',function(event){
event.preventDefault();})

希望这会成功,对我来说效果很好

答案 1 :(得分:1)

不确定,如果这是防弹解决方案,但这对我特别有用,尤其是对于Clockpicker。 版本应为materializecss(v0.100.2)。 在materialize.js文件中,Line No: 8913

  

ClockPicker.prototype.show =函数(e){

只需将setTimeout(200 ms)包装在整个函数中,就可以很好地工作。

答案 2 :(得分:0)

@Subash 嗨,

  

ClockPicker.prototype.show =函数(e){

     

只需将setTimeout(200 ms)包装在整个函数中,就可以很好地工作。

对我来说,仅当我使用箭头功能原因时,它才起作用,然后我保留上一个上下文中的“ this”,否则您必须通过setTimeout传递它。