JQuery UI日期选择器仅在重新聚焦后才起作用

Question

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

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

如果没有＆＃34;预备点击＆＃34;请告知如何使其正常工作。

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({
    });
});