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可以获得很好的效果。

＆＃13;

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

＆＃13;

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>

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

2 个答案: