Comment modifier le texte d’espace réservé HTML5 qui apparaît dans le champ de date de Chrome

J’ai été agréablement surpris de découvrir que le code suivant, affiché dans Chrome, rend un datepicker:

Cependant, le texte de l’espace réservé est ignoré et “Date / Month / Year” est affiché à la place.

Comment puis-je modifier le texte de substitution et utiliser le mien?

J’ai déjà essayé:

  $("#wdate").attr("placeholder", "Day/Month/Year of purchase");

mais en vain.

Le type de date ne prend pas en charge l’atsortingbut d’espace réservé. En outre, l’implémentation WebKit indique que cela est corrigé.

Ancienne question, mais voici la solution que j’ai récemment eu à utiliser.

Vous ne pourrez pas utiliser le champ de date HTML5, mais vous pouvez le faire avec jperyUI datepicker. http://jsfiddle.net/egeis/3ow88r6u/

 var $datePicker = $(".datepicker"); // We don't want the val method to include placehoder value, so removing it here. var $valFn = $.fn.val; $.fn.extend({ val: function() { var valCatch = $valFn.apply(this, arguments); var placeholder = $(this).attr("placeholder"); // To check this val is called to set value and the val is for datePicker element if (!arguments.length && this.hasClass('hasDatepicker')) { if (valCatch.indexOf(placeholder) != -1) { return valCatch.replace(placeholder, ""); } } return valCatch; } }); // Insert placeholder as prefix in the value, when user makes a change. $datePicker.datepicker({ onSelect: function(arg) { $(this).val($(this).attr("placeholder") + arg); } }); // Display value of datepicker $("#Button1").click(function() { alert('call val(): {' + $datePicker.val() + '}'); }); // Submit $('form').on('submit', function() { $datePicker.val($datePicker.val()); alert('value on submit: {' + $datePicker[0].value + '}'); return false; });

 .ui-datepicker { width:210px !important; }

     HTML5 Date: 
 jQuery DatePicker: 
 
 
 Original Source for this JQFaq Question