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

【问题标题】：remove mm/dd/yyyy on placeholder input type date删除占位符输入类型日期的 mm/dd/yyyy
【发布时间】：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

标签： javascript html css input datepicker

【解决方案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;

}

&lt;input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')"  id="date"&gt;

【讨论】：