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

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

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

如果我这样做:

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

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

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

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

解决方法

您可以使用以下样式规则隐藏格式占位符:
  1. <style>
  2. ::-webkit-datetime-edit-year-field:not([aria-valuenow]),::-webkit-datetime-edit-month-field:not([aria-valuenow]),::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  3. color: transparent;
  4. }
  5. </style>
  6. <input type=date>

猜你在找的jQuery相关文章