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

前端之家收集整理的这篇文章主要介绍了jquery – 从chrome 中的日期类型输入中删除占位符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Remove default text/placeholder present in html5 input element of type=date4个
我有以下输入:
<input class="AccordionLeft" id="operationDate" name="OperationDate" type="date" value="">

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

如果我这样做:

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

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

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

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

解决方法

您可以使用以下样式规则隐藏格式占位符:
<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>

猜你在找的jQuery相关文章