删除占位符输入类型日期的 mm/dd/yyyy

Posted 2023-05-07

【中文标题】删除占位符输入类型日期的 mm/dd/yyyy

【英文标题】：remove mm/dd/yyyy on placeholder input type date

【发布时间】：2017-05-15 19:21:23

【问题描述】：

我们有文本字段输入类型日期。所以我们需要占位符所以我们尝试这样

<input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')"  id="date"> 

现在它显示占位符“日期”。然后我按下它显示mm/dd/yyyy。然后单击它显示日期框。但不需要显示mm/dd/yyyy。点击文本字段后直接打开日期框。请指导我们。

【问题讨论】：

这能回答你的问题吗？ Remove default text/placeholder present in html5 input element of type=date

【参考方案1】：

如前面讨论中所述，您不能将 javascript Date 对象的值设置为空白。更多信息请参考：How to initialize java.util.date to empty

---

但是，您可以将默认值设置为有效日期。有关详细信息，请参阅How to set date value。

【参考方案2】：

将下面的 css 应用到您的输入框。

::-webkit-input-placeholder  /* Chrome/Opera/Safari */

  color: white;



::-moz-placeholder  /* Firefox 19+ */

  color: white;



:-ms-input-placeholder  /* IE 10+ */

  color: white;



:-moz-placeholder  /* Firefox 18- */

  color: white;

<input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')"  id="date">