Materialise Date Picker автоматически скрывается после открытия проблемы на Chrome - PullRequest
6 голосов
/ 16 марта 2019

Datepicker Materialise отлично работает в других браузерах и старых версиях Google Chrome, но не работает должным образом в новой версии Google Chrome

enter image description here

<input type="date" class="datepicker">

JS

$('.datepicker').pickadate({

selectMonths: true, // Creates a dropdown to control month
selectYears: 15 // Creates a dropdown of 15 years to control year
});

Кодовая ссылка для Datepicker

Ответы [ 5 ]

12 голосов
/ 01 апреля 2019

У меня была такая же проблема, и я решил ее следующим образом:

$('.datepicker').on('mousedown',function(event){
    event.preventDefault();
})
6 голосов
/ 23 апреля 2019

Решение для datepicker

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

Решение для selectbox

Удалить этот код в materialize.min.js

$(this).trigger('open', ['focus']);
or
a(this).trigger("open",["focus"]);
2 голосов
/ 17 марта 2019

Вы должны использовать последнюю версию cdnjs, в настоящее время вы используете 0.97.5, даже старше, чем бета-версия.

 <!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

JQuery:

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js

Datepicker:

HTML

<input type="text" class="datepicker">

JQuery

$('.datepicker').datepicker({
  selectMonths: true,
  selectYears: 15
});

Предыдущий работал на меня, не знаю, почему это не так.

Проверьте последние Datepicker / Timepicker документы.

Рабочая версия CodePen

0 голосов
/ 23 мая 2019

Удалить из materialize.js

$(this).trigger('open', ['focus']);

или

a(this).trigger("open",["focus"]);
0 голосов
/ 30 марта 2019

Я решил это, заменив функцию setTimeout () в material.js.

setTimeout( function() {  
    if (giveFocus == true) {   
        P.$root.removeClass( CLASSES.opened + ' ' + CLASSES.focused )
        aria( P.$root[0], 'hidden', true )
    }
}, 0 )

необходимо загрузить файл js из cdn, затем в поиске файла "P. $ root.removeClass (CLASSES.opened + '' + CLASSES.focused)", после чего заменить функцию приведенным выше кодом.,наслаждайся:)

...