使用.on（）时我的日期选择器出现问题

Question

好的，所以我在FuelCMS中使用日期选择器，遇到了一个奇怪的问题，希望我能得到一些帮助。

我有一个管理区域，其中包括用于添加事件的日期选择器，但它需要具有添加无限数量的事件的功能。 我拥有的代码可以运行，但是只是一种奇怪的方式。 加载系统后，它会自动创建一个日期字段，但是只有在您单击添加第二个字段后，日期选择器才会出现。 在这一点上，它将在任何领域都可以正常工作。

显然，这会带来一些可用性问题，因此我希望有人能够看到我出了问题的地方。

$("body").on("click", ".datepick", (function () {
$(this).datepick({
    dateFormat: "yyyy-mm-dd",
    rangeSelect: true
});

}））

Answer 1

试试这个代码。

$(document).ready(function(){
   $("body").on("click", function () {

    $(this).datepick({
       dateFormat: "yyyy-mm-dd",
       rangeSelect: true
    });

  });

});

Answer 2

您需要使用focus而不是click 。 使用click意味着您必须单击输入字段，然后才能激活它，因此您必须单击该字段之外的位置然后再回到该字段中才能起作用。 您还拥有$(this).datepick而不是$(this).datepicker 。

$("body").on("focus", ".datepick", function () {
    $(this).datepicker({
        dateFormat: "yyyy-mm-dd",
        rangeSelect: true
    });
});

JSFiddle