Elad Lachmi Elad Lachmi - 2 months ago 67x
jQuery Question

Remove placeholder from date type input in chrome

I have the following input:

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

This shows the date format as a default placeholder. I would like to remove this placeholder and just have an empty input field.

If I do this:


I get today`s date as the placeholder, but if I use this:


I get the placeholder like
Can the placeholder be removed entirly? I have seen several posts about changing the date format, but have found none about removing the placeholder completley.


You can hide the format placeholder with the following style rule:

input[type="date"] {
    ::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
<input type=date>