JQuery UI DatePicker - How to Manually Open a Date Picker

Question

How can I manually open datepicker for js code?

Answer 1

To show the datepicker associated with the login with id 'your_elem', you should use something like this:

jQuery('#your_elem').datepicker("show");

Answer 2

$('#datepickerid').focus() gotta do the trick.

Answer 3

$(function () {
    $('#DatePicker').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false,
        maxDate: '+1y',
        minDate: '-0d',
        defaultDate: ''
    });
});

Answer 4

I had this problem (datepicker in this case was part of the Drupal module) and it worked for me:

$('input.date').focus();
$('input.date').click();

This did not work when used only $('input.date').click();.