jQuery - Datepicker 在第一次加载时没有拉起？

Question

我有这个页面和这个页面，我有使用 jquery ui datepicker 的日期选择器。 有时效果很好，但是当我第一次单击该字段时，有时什么也没有发生。 似乎无法弄清楚为什么。 这是我的代码

我的 html

<input type="text" value="" size="30" name="report[start_date]" id="report_start_date" autocomplete="off" class="hasDatepicker">

jQuery

$('#report_end_date').datepicker();

$('#report_start_date').datepicker();

代码很简单，但没有意义......任何想法

Answer 1

在您的页面底部，您有

document.getElementById('report_start_date').focus();

这会聚焦元素，但不会触发日期选择器。 您必须手动单击它。

试试看，单击离开以取消焦点，然后单击以重新聚焦，它会起作用。

要以编程方式触发日期选择器，请使用以下命令：

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