Désactiver le sélecteur de date natif dans Google Chrome

Question

Le sélecteur de date a atterri sur Chrome 20, y a-t-il un attribut pour le désactiver ? L'ensemble de mon système utilise le sélecteur de date jQuery UI et il est multi-navigateurs. Je souhaite donc désactiver le sélecteur de date natif de Chrome. Existe-t-il un attribut de balise ?

Answer 1

Pour cacher la flèche :

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

Et pour cacher le message :

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

Answer 2

Si vous avez mal utilisé <input type="date" /> que vous pouvez probablement utiliser :

$('input[type="date"]').attr('type','text');

après leur chargement pour les transformer en entrées de texte. Vous devez d'abord attacher votre afficheur de date personnalisé :

$('input[type="date"]').datepicker().attr('type','text');

Ou vous pourriez leur donner un cours :

$('input[type="date"]').addClass('date').attr('type','text');

Answer 3

Vous pourriez utiliser :

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

Answer 4

Avec Modernizr ( http://modernizr.com/ ), il peut vérifier cette fonctionnalité. Vous pouvez ensuite la lier au booléen qu'elle renvoie :

// does not trigger in Chrome, as the date Modernizr detects the date functionality.
if (!Modernizr.inputtypes.date) { 
    $("#opp-date").datepicker();
}

Answer 5

Le code ci-dessus ne définit pas la valeur de l'élément d'entrée et ne déclenche pas d'événement de modification. Le code ci-dessous fonctionne dans Chrome et Firefox (non testé dans d'autres navigateurs) :

$('input[type="date"]').click(function(e){
     e.preventDefault();
}).datepicker({
    onSelect: function(dateText){
        var d = new Date(dateText),
        dv = d.getFullYear().toString().pad(4)+'-'+(d.getMonth()+1).toString().pad(2)+'-'+d.getDate().toString().pad(2);
        $(this).val(dv).trigger('change');
    }
});

pad est une méthode simple et personnalisée de remplissage des chaînes de caractères avec des zéros (obligatoire).