jquery - 从Chrome的日期类型输入中删除占位符

Question

This question already has answers here:

Remove default text/placeholder present in html5 input element of type=date
                                
                                    （9个答案）
                                
                        
                                3年前关闭。
            
                    
我有以下输入：

<input class="AccordionLeft" id="operationDate" name="OperationDate" type="date" value="">

这将日期格式显示为默认占位符。我想删除此占位符，仅输入一个空字段。

如果我这样做：

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

我将今天的日期作为占位符，但是如果使用此日期：

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

我得到像 dd-mm-yyyy这样的占位符。
占位符可以完全移除吗？我看过几篇有关更改日期格式的文章，但没有发现有关删除占位符completley的文章。

最佳答案

您可以使用以下样式规则隐藏格式占位符：

<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 - 从Chrome的日期类型输入中删除占位符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30049953/

上一篇：css - 垂直对齐 :after element

下一篇：javascript - 计算单元格中的 div 并添加样式

Answer 1

您可以使用以下样式规则隐藏格式占位符：

<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>