javascript - 使用 .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. 使用单击意味着您必须单击输入字段，然后它会激活，因此您必须单击该字段并返回该字段才能正常工作。你也有$(this).datepick代替$(this).datepicker.

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

JSFiddle