jQuery datepicker在通过代码设置焦点后保持打开状态

Question

这是jsFiddle有问题。

我循环遍历所有输入元素，设置焦点。完成后，最后一个datepicker保持打开状态。

HTML：

$(function() {
    $(".datepicker").datepicker({
    changeMonth: true,
    changeYear: true
  });  
});

$("input").each(function() {
    $(this).focus();
});

JavaScript的：

{{1}}

如何关闭它？

更新

在Mac上的Chrome中添加屏幕截图，它在Firefox上运行良好。你可以看到焦点在第三个输入元素上，但第二个输入显示了datepicker。

Answer 1

当元素因用户交互而失去焦点时，JqueryUi会自动关闭日期选择器。您可以添加回调来隐藏日期选择器，或将其销毁。

• 隐藏它：$（＆＃39; .datepicker＆＃39;）。hide（）;

• 完全删除它：$（＆＃34; .datepicker＆＃34;）。datepicker（＆＃39; destroy＆＃39;）;

值得注意的是 - 如果你销毁它，你需要重新进行复制以便进一步更改/再次选择。