Q:

Disable native datepicker in Google Chrome

Date picker landed on Chrome 20, is there any attribute to disable it?
My entire system uses jQuery UI datepicker and it's crossbrowser, so, I want to disable Chrome native datepicker. Is there any tag attribute?

A:

To hide the arrow:
input::-webkit-calendar-picker-indicator{
    display: none;
}

And to hide the prompt:
input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

A:

If you have misused <input type="date" /> you can probably use:
$('input[type="date"]').attr('type','text');

after they have loaded to turn them into text inputs. You'll need to attach your custom datepicker first:
$('input[type="date"]').datepicker().attr('type','text');

Or you could give them a class:
$('input[type="date"]').addClass('date').attr('type','text');

A:

You could use:
jQuery('input[type="date"]').live('click', function(e) {e.preventDefault();}).datepicker();

