Not showing placeholder for input type="date" field

cordova, datepicker, html, placeholder

Solution

It may not be appropriate... but it helped me.

What I did is start with a `text` input field, then change the type to a `date` input when the input is in focus.

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

Problem

I am doing a phonegap app. When I am trying `type="date"` input field as shown below, it shows date picker in iPhone as I expected but it doesn't show the placeholder I have given. I found the same issue here in SO, but no solution anywhere. ``` <input placeholder="Date" class="textbox-n" type="date" id="date"> ```

Original source

Related problems