How to invoke date picker from date input in javascript?

Question

Chrome has native date picker for <input type="date">: date picker for date input in chrome

I like it, and it's totally ok with me to have it work only in chrome.

The question is how can I invoke date picker for this input field in javascript?

Normally there is only input field until user focus it and click little black triangle to open small calendar. I want to open it from javascript.

I would like to avoid 3rd party date picker implementations if possible.

I've tried element.focus(), element.click(), etc.

My guess would be that you can't. It's not visible markup, can't add an event to it, and just clicking the `input` doesn't cause it. And you can't move the mouse pointer with JS, no API for it, not that I know of. — Xotic750, Jun 17 '15 at 07:39
When is it useful to be able to do this? What is the use case? — Ollie Williams, Jan 04 '22 at 13:57

score 1 · Answer 1 · edited May 23 '17 at 11:44

1

I figured it out.

The trick is to send F4 keyboard event.

See details in my answer for (indeed) duplicated question here

edited May 23 '17 at 11:44

Community

answered Jun 17 '15 at 14:57

Michał Šrajer

Coo, that works in Chrome. But it seem this is not the standard war that works everywhere? – Axel Heider Nov 14 '17 at 17:29
I wonder why it doesn't work on mine. Tried triggering keyCode 115(F4) to an element but nothing happens. – Jhourlad Estrella May 17 '18 at 07:01
1

Won't work ... check MDN (or comments on the linked answer) – Fr0zenFyr Feb 15 '19 at 07:21

1 Answers1