web-dev-qa-db-ja.com

マテリアライズ日付ピッカーは、chrome

マテリアライズ日付ピッカーは、他のブラウザーや古いバージョンの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のCodepenリンク

9
Alperen Akti

これは、material.jsのsetTimeout()関数を置き換えることで解決しました。

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

cdnからjsファイルをダウンロードしてから、ファイル検索で「P. $ root.removeClass(CLASSES.opened + '' + CLASSES.focused)」を実行してから、関数を上記のコードに置き換えます。楽しい :)

0
faizan