在Chrome上打开问题后,物化日期选择器会自动隐藏

Alp*_*kti 8 javascript datepicker materialize

Materialize datepicker在其他浏览器和旧版本的Google Chrome中都可以正常工作,但在新版本的Google Chrome中无法正常工作

在此处输入图片说明

<input type="date" class="datepicker">
Run Code Online (Sandbox Code Playgroud)

JS

$('.datepicker').pickadate({

selectMonths: true, // Creates a dropdown to control month
selectYears: 15 // Creates a dropdown of 15 years to control year
});
Run Code Online (Sandbox Code Playgroud)

Datepicker的Codepen链接

小智 19

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

$('.datepicker').on('mousedown',function(event){
    event.preventDefault();
})
Run Code Online (Sandbox Code Playgroud)


Alp*_*kti 10

日期选择器的解决方案

$('.datepicker').on('mousedown',function(event){
    event.preventDefault();
})
Run Code Online (Sandbox Code Playgroud)

选择框解决方案

在materialize.min.js中删除此代码

$(this).trigger('open', ['focus']);
or
a(this).trigger("open",["focus"]);
Run Code Online (Sandbox Code Playgroud)