Я был приятно удивлен, обнаружив, что следующий код при просмотре в Chrome отображает средство выбора даты:

<input type="date" name="wdate" id="wdate" value="" placeholder="date of purchase" />

Однако текст заполнителя игнорируется, и вместо него отображается «Дата / Месяц / Год».

Как я могу изменить текст местозаполнителя и использовать свой собственный?

Я уже попробовал:

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

но безрезультатно.