jQuery UI datepicker 显示无操作答案

【问题标题】：jQuery UI datepicker display without actionjQuery UI datepicker 显示无操作
【发布时间】：2011-08-29 15:29:00
【问题描述】：

是否可以在不点击任何东西的情况下显示 jQuery UI 日期选择器？我希望日期选择器在窗口加载时可见。或者这是不可能的？如果没有，是否有另一个插件，或者最好自己创建一个新插件？

【问题讨论】：

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

您可以做的一件事是将焦点放在输入上，以便日期选择器显示：

 $('#datepicker').focus()

看这里http://jsbin.com/agazes/edit#preview

或创建后显示：

 $('#datepicker').datepicker('show')

http://jsbin.com/agazes/2/edit#preview

【讨论】：

【解决方案2】：

这似乎无法通过传递选项来实现。但是，您可以在创建日期选择器后调用 show 方法：

$(document).ready(function() {
    $("#yourElement").datepicker({
        // your options...
    }).datepicker("show");
});

【讨论】：

【解决方案3】：

http://jqueryui.com/demos/datepicker/#method-show

您可以在希望打开时调用 show 方法。

【讨论】：

【解决方案4】：

在某些 jQuery 版本中显示不可用，在这种情况下使用：

      window.addEventListener('load', function () {
        document.getElementById('datepicker').click();

     });
    jQuery(document).ready(function() {
             $('#datepicker').bind('touchstart click', function(){
                    $(this).focus();
                 });
     });

【讨论】：