使用.on()时的数据报警器问题

Question

好的，所以我在FuelCMS中使用了一个数据报警器，遇到了一个奇怪的问题，我希望我能得到一些帮助。

我有一个管理区域，其中包括一个添加事件的日期选择器，但它需要有能力添加无限数量的事件。我的代码起作用了，但很奇怪。当系统加载时，它会自动创建一个日期字段，但只有在单击添加第二个字段后，数据报警器才会出现。在这一点上，它将工作在任何一个领域非常好。

这显然造成了一些可用性问题，因此我希望有人能够看到我的错误所在。

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

(})

Answer 1

您需要使用focus而不是click。使用单击意味着您必须在输入字段中单击，然后它将激活，因此您必须单击该字段并返回到该字段中才能工作。您还使用了$(this).datepick而不是$(this).datepicker。

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

JSFiddle

Answer 2

试试这段代码。

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

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

  });

});