Why doesn't the calendar open when switching from input type="text" to input type="date"?

Question

Google Chrome

Hello.
Since the placeholder does not work for the input with the date type, I used a hack: initially the field has the text type, and when the focus becomes date. But the problem is that in the mobile version of Chrome, with focus, the calendar opens only on the second click. That is, as I understand it, at the first click it changes the type and only at the second it opens the calendar. I tried it in UC and Safari - everything is ok, it works the way I need it. How can this problem be corrected?
Example - jsfiddle.net/1t00qour

Answer 1

$(this).attr('type', 'date').click()?

Answer 2

You can experiment with the generation of focus , click events, as sim3x has already mentioned .
You can try not to change the type of the field, but simply hide and show it as needed.