Elad Lachmi Elad Lachmi - 4 months ago 153
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:

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


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

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


I get the placeholder like
dd-mm-yyyy
.
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.

Answer

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

<style>
input[type="date"] {
    ::-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>