从chrome中的日期类型输入中删除占位符

Question

我有以下输入:

<input class="AccordionLeft" id="operationDate" name="OperationDate" type="date" value="">

这会将日期格式显示为默认占位符.我想删除这个占位符,只有一个空的输入字段.

如果我这样做:

`$('#operationDate').val('@DateTime.Now.ToString("yyyy-MM-dd")');`

我今天的日期是占位符,但如果我使用它:

$('#operationDate').val('');

我得到了占位符dd-mm-yyyy.占位符可以被彻底删除吗？我已经看过几篇关于更改日期格式的帖子,但是没有找到关于删除占位符的信息.

Answer 1

你可以使用onfocus和onfocusout一些CSS 实现一个很好的效果.

<input name="date" type="text" onfocus="(this.type='date')" onfocusout="(this.type='text')">

Answer 2

您可以使用以下样式规则隐藏格式占位符:

<style>
::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}
</style>
<input type=date>