Como faço para alterar o texto do alocador de espaço HTML5 exibido no campo de data no Chrome

Fiquei agradavelmente surpreso ao descobrir que o código a seguir, quando visualizado no Chrome, renderiza um datepicker:

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

No entanto, o texto de espaço reservado é ignorado e "Date / Month / Year" é exibido em vez disso.

Como posso alterar o texto do espaço reservado e usar o meu próprio?

Eu já tentei:

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

mas sem sucesso.

questionAnswers(2)

yourAnswerToTheQuestion