jQuery Datepicker, input=date, Google Chrome?

Question

JavaScript

The bottom line is that if jQuery Datepicker is used, and type=date is assigned to the field, then the standard Google Chrome control spoils everything with its presence.

How to turn it off? Has anyone overcome this problem, or can they find a compromise? It would not be desirable to make a field text.

Answer 1

The question is similar: how to make the text not be replaced by asterisks in input type="password".
This "problem" will be not only in Chrome, but also in Opera, and in the future in all browsers, because. it's HTML5 Forms, and HTML5 support is increasing in all browsers from release to release.
I don't see any reason not to make the field text if you want to use the jquery.ui control.

Answer 2

You are using two tools at once.
There is no point in this. Either disable ui or make it text.
It's like putting a manual and an automatic on a car at the same time...

Answer 3

updates.html5rocks.com/2012/08/Quick-FAQs-on-input-type-date-in-Google-Chrome

Answer 4

::-webkit-calendar-picker-indicator {
    display: none;
}

Answer 5

onclick e.preventDefault();
there are more sophisticated ways, although I would just use type=text