使用.on()时我的datepicker问题

时间:2013-09-09 17:33:35

标签: javascript jquery datepicker fuelcms

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

我有一个管理区域,其中包含用于添加事件的日期选择器,但它需要能够添加无限数量的事件。我工作的代码,但只是奇怪的方式。加载系统后,它会自动创建一个日期字段,但只有在您单击添加第二个字段后才会出现日期选择器。在这一点上,它可以在任何一个领域完美地工作。

这显然会产生一些可用性问题,所以我希望有人能够看到我出错的地方。

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

}))

2 个答案:

答案 0 :(得分:0)

试试这段代码。

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

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

  });

});

答案 1 :(得分:0)

您需要使用focus代替click。使用点击意味着您必须在输入字段中单击,然后它才会激活,因此您必须单击该字段并返回其中才能使其生效。您还有$(this).datepick而不是$(this).datepicker

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

JSFiddle