入力ボックスにtype = "date"という入力ボックスがありますが、IEではすべて正常に動作しますが、Chromeの最新バージョンではスピナー、下矢印、プレースホルダmm/dd/yyyyのChrome type = "date" and jquery ui date picker clashing
Chromeでは、そのフィールドをクリックすると、Chromeがdatepickerを開き、アプリケーションの使用にjquery uiのdatepickerをマップしました。これは、以下に示すように、両方がそれらに衝突されています
を、私は以下のように修正を適用した:上記のコードを追加した後
input[type="date"]::-webkit-calendar-picker-indicator{
display:none;
-webkit-appearance: none;
margin: 0;
}
input[type="date"]::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
}
/** THIS DOESN'T WORK **/
input[type="date"]::-webkit-input-placeholder{
display:none !important;
-webkit-appearance: none !important;
visibility: hidden !important;
}
/** THIS DOESN'T WORK **/
、それが賢明のようになります。
上記のコードは、Chromeの日付ピッカーを起動するスピナーと矢印を非表示にします。しかし問題はありますが、プレースホルダ( 'mm/dd/yyyy')はまだ入力テキストボックスにあります。私のjquery uiの日付ピッカーはうまくいきますが、日付を選択するとプレースホルダはまだそこにあります。
値は入力ボックスに設定されていません。
値を設定するためのプレースホルダを削除する方法を知る必要があります。また、アプリケーションに使用している日付形式はyyyy/mm/ddです。
Chromeバージョンは次のとおりです。事前にバージョン27.0.1448.0
感謝!
私はGoogleで検索し、Chromiumバグのようなものであることが判明しました。 – GOK
ここをクリックしてください:http://stackoverflow.com/questions/11320615/disable-browser-native-datepicker –