JQuery UI DatePicker - 如何手动打开日期选择器答案

【问题标题】：JQuery UI DatePicker - How to manually open a datepickerJQuery UI DatePicker - 如何手动打开日期选择器
【发布时间】：2011-07-22 16:44:27
【问题描述】：

如何手动打开 js 代码的日期选择器？

【问题讨论】：

您要在哪个事件上手动打开日期选择器？？

标签： jquery jquery-ui datepicker

【解决方案1】：

要显示与 id 为“your_elem”的输入关联的日期选择器，您可以使用以下内容：

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

【讨论】：

@Incredible 查看文档：api.jqueryui.com/datepicker/#method-show 您的选择器可能有错字或错误，请检查您的控制台是否有错误？如果仍然无法正常工作，请在此处发布一个关于 SO 的新问题
在我的情况下，日期选择器是 Drupal 模块的一部分，您的解决方案给我一个错误“无法读取未定义的属性'设置'”。也许这就是区别。选择器是正确的，因为我作为答案发布的解决方案适用于相同的选择器。

【解决方案2】：

$('#datepickerid').focus() 应该可以解决问题。

【讨论】：

这是个好主意。它几乎解决了我的问题，但是我不得不添加另一行：$('#datepickerid').click();

【解决方案3】：

对我来说，建议的解决方案都不起作用。日期选择器打开，但随后立即关闭。所以我通过使用解决了这个问题：

setTimeout('$("#datepicker_element").focus();', 320);

希望这对某人有所帮助

【讨论】：

我也一样，非常感谢！

【解决方案4】：

我遇到了这个问题（在这种情况下，datepicker 是 Drupal 模块的一部分），对我来说是这样的：

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

仅使用$('input.date').click(); 时不起作用。

【讨论】：

【解决方案5】：

确实为我工作：

    setTimeout(function(){$("input#element_id").focus();}, 200);

【讨论】：

【解决方案6】：

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

【讨论】：