remove mm/dd/yyyy on placeholder input type date

Question

We have on text filed input type date .So we need placedholder so we tried like this

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

Now it's showing placehoder "Date".Then i press it's showing mm/dd/yyyy.Then click it's showing Date box.But no need show mm/dd/yyyy .After click on textField directly open date box .Please guide to us.

Does this answer your question? [Remove default text/placeholder present in html5 input element of type=date](https://stackoverflow.com/questions/28686288/remove-default-text-placeholder-present-in-html5-input-element-of-type-date) — James, Jul 07 '20 at 22:19

score 1 · Answer 1 · edited Mar 28 '22 at 08:04

1

As described in the previous discussions, you can not set the value to blank for JavaScript Date object. For more information refer to :How to initialize java.util.date to empty

However,you can set the default values to a valid date. Refer to How to set date value for more information.

edited Mar 28 '22 at 08:04

Glorfindel

21,988
13
81
109

answered Jan 01 '17 at 08:50

Prabir Ghosh

430
3
7

score 0 · Answer 2 · answered Dec 13 '22 at 21:12

Copying my answer from another post in case someone finds this and not that: CSS: Hide date mm/dd/yyyy placeholder on print

It's a pure workaround, but I had the same issue and this was the simplest route:

function RemoveClass(el, target_class) {
  el.classList.remove(target_class);
}

.test {
    color: rgba(0,0,0,0);
  }

<input type="date" class="test" onclick="RemoveClass(this,'test');">

score -1 · Answer 3 · answered Jul 08 '20 at 03:59

Apply below css to your input box.

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

remove mm/dd/yyyy on placeholder input type date

3 Answers3