JQuery UI 日期选择器仅在重新聚焦后工作

Question

以下代码仅在我单击 .datepicker 字段后打开日期选择器，单击其他位置，然后再次单击 .datepicker。

$(document.body).on("click", ".datepicker", function() {
$( ".datepicker" ).datepicker({
});
});

请告知如何在没有“准备点击”的情况下使其工作。

Answer 1

使用this 定位当前选定的输入，并使用show 方法以编程方式打开日期选择器。

每个输入只执行一次也是一个好主意，您可以通过检查日期选择器是否已经存在来做到这一点。

类似：

$(document.body).on("click", ".datepicker", function() {
  if ( !$(this).data("ui-datepicker") ) {
    $(this).datepicker();
    $(this).datepicker("show");
  }
});

小提琴：https://jsfiddle.net/ca3vj3od/

Answer 2

试试这个：

jQuery(document).ready(function ($) {
    $(".datepicker").datepicker({
    });
});