将jQuery DatePicker日历集成到页面中

Question

我正在尝试将jQuery datepicker日历集成到我的页面中。我不希望用户必须单击日期字段才能显示日历，我希望他们能够在页面加载后立即查看日历。这是可行的，如果是的话，怎么做？

我一直在寻找StackOverflow的帮助，但我不确定我所搜索的是否是正确的描述方式。

非常感谢。

Answer 1

我想我明白你在问什么。你基本上只需要将输入重点放在页面加载上。我做了一个小fiddle来表明这一点。基本上它只是

$(document).ready(function() {
    $('.date').datepicker().focus();
});

Answer 2

如documentation at jqueryui.com中所述，您可以简单地在div而不是输入字段上调用.datepicker()方法来显示内联日期选择器。

引起这个用例的唯一问题是，你不会直接在输入字段中插入日期。您可以通过调用$("#yourDatepickerDiv").datepicker( 'getDate' );

来检索该值