'HTML Datepicker - Opened by default

I'm using an input of the type date. I would like to know if there is a way to make the datepicker selection panel opened by default when the user enters in the page.

The element look like this:

<input class="form-control user-success" id="starting-date" name="date" required="" type="date" value="2017-04-07" data-initialized="true">
javascriptjqueryhtml


Solution 1:[1]

Did you try adding autofocus

<input class="form-control user-success" id="starting-date" name="date" required="" type="date" value="2017-04-07" data-initialized="true" autofocus="autofocus">

Solution 2:[2]

By using following funtion date picker will open bydefault after screen load.

$(function() {
    $( "#starting_date" ).datepicker();
    $( "#starting_date" ).datepicker("show");
 });

Solution 3:[3]

You can display it embedded in a webpage by calling it on div instead of input, as per official documentation.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Mohammed Bakr Sikal
Solution 2 Jigar Bhatt
Solution 3

Related Questions