jQuery UI datepicker显示无动作

Question

是否可以显示jQuery UI datepicker而无需点击任何内容？ 我希望在窗口加载时可以看到日期选择器。或者这不可能吗？如果没有另外的插件，或者最好自己创建一个新的？

Answer 1

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

 $('#datepicker').focus()

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

或在创建后显示：

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

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

Answer 2

通过选项似乎无法做到这一点。但是，您可以在创建datepicker后调用show方法：

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

Answer 3

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

您可以在想要打开时调用show方法。

Answer 4

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

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

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