将 jQuery DatePicker 日历集成到页面中

Question

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

我一直在 Whosebug 上寻求帮助，但我不确定我正在搜索的内容是否是正确的描述方式。

非常感谢。

Answer 1

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

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

Answer 2

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

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

来检索值