删除动态输入字段后,Datetimepicker未正确调用/绑定

Don*_*Den 6 jquery jquery-ui datepicker jquery-plugins datetimepicker

我使用jquery datetimepicker与以下版本

JQuery v1.7.2
JQuery UI - v1.10.3
jQuery timepicker addon V1.3
Run Code Online (Sandbox Code Playgroud)

在模块中,我通过单击"+"动态创建输入字段,并为动态创建的输入绑定datetimepicker,并通过单击" - "删除该输入字段 .

我的动态输入字段总是如下所示:

datepickerfrom_1_1
datepickerfrom_1_2
datepickerfrom_1_3
datepickerfrom_1_4
datepickerfrom_1_5
.
.
.
Run Code Online (Sandbox Code Playgroud)

我使用jQuery绑定datetimepicker,如下所示:

$(window).load(function() {
    $('body').on('focus', 'input[id^="datepickerfrom"]', function() { // Id's Containing "datepickerfrom" string, bind the datetimepicker
        $(this).datetimepicker({
            dateFormat: 'yy-mm-dd',
            timeFormat: 'HH:mm:ss'
        });
    });
}); 
Run Code Online (Sandbox Code Playgroud)

script(datetimepicker)创建动态输入时工作正常.

问题: 我通过单击"+"添加一些动态输入字段,然后通过单击" - "删除一些输入,再次添加一些动态输入字段.第二次创建输入字段没有正确调用/绑定datetimepicker.

可能是什么问题?我该如何解决?

Sam*_*l R 1

我刚刚在 jsfiddle 中尝试过,它有效,这是链接: http: //jsfiddle.net/juTRR/

如果您知道您的问题,请在 jsfiddle 中重现它,以便我们可以看到它是什么,因为我没有看到它。也许尝试使用$(document).ready而不是$(window).load,这是我唯一改变的。或者也许问题实际上在于您添加和删除功能,如果是这样,您应该将它们放在您的帖子中。

  • 我对其进行了修改,使其按您想要的方式工作,但它仍然照常工作。http://jsfiddle.net/ZCNMs/ (2认同)
  • “面临同样的问题”是什么意思?你是在说 jsfiddle 吗?jsfiddle 应该对每个人都有同样的作用,这就是我们使用它的原因。无论我删除或添加多少内容,当我单击输入时,日期时间选择器仍然会打开。你还可以在左边看到我使用的Jquery版本,它和你的一样。 (2认同)
  • 我也在使用 chrome,它正在工作,我不明白为什么它在你的一端不起作用,我不想太多修改你的代码,但如果它不起作用,你可以尝试这个:http://jsfiddle .net/ztQYJ/ 我修改了绑定日期选择器的方式,在创建时绑定它们一次,而不是每次单击它们时绑定它们,也许这样会更好。 (2认同)