How to invoke date picker from date input in javascript?

javascript html datepicker html5-input-date
Michał Šrajer picture Michał Šrajer · Jun 17, 2015 · Viewed 11.1k times · Source

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.

Answer

Michał Šrajer picture Michał Šrajer · Jun 17, 2015

I figured it out.

The trick is to send F4 keyboard event.

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

Related questions

Bootstrap Datepicker appearing at incorrect location in a modal

I have a button on a page that calls a modal having datepicker. If this button is at top (I don't have to scroll page to click), modal opens and datepicker displays correctly. But if this button is lower on …

Read More
Specifying the value output of of an HTML5 input type = date?

I'd like to add native date pickers to my application, which currently uses a legacy, home-rolled system. Date input support isn't widespread, yet, but if I could present both implementations based on compatibility, that would be ideal. Is there any …

Read More
date range picker html5

I wanted to come out with a date range picker where shows in picture below. ideal output Here is my updated code that I doing now and the output I have it now. Here is my output based on the …

Read More