如何更改Chrome中日期字段中显示的HTML5占位符文字

Jez*_*z D 6 jquery html5 datepicker placeholder datefield

我惊喜地发现以下代码在Chrome中查看时会呈现一个日期选择器:

<input type="date" name="wdate" id="wdate" value="" placeholder="date of purchase" />
Run Code Online (Sandbox Code Playgroud)

但是,将忽略占位符文本,而是显示"日期/月/年".

如何更改占位符文本并使用我自己的文本?

我已经尝试过了:

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

但无济于事.