Programmatically initiate html5 datetime-local

Question

is there anyway to initiate the calendar / time view from the html5 element type="datetime-local" ?

<input type="datetime-local" id="dtl" />

<script>
$('#dtl').click();
</script>

doesn't work, even though you can listen for events on click.

Answer 1

Unfortunately, not really.

The HTML5 calendar view is implemented differently by each browser, so there's no solid way of activating the browser's datetime calendar picker. The best you could do is probably $('#dtl').focus(); to focus in the field, but I know that's not what you want.

A cross-browser alternative is to use something like the jQuery UI datepicker.