Jquery 日期选择器无法处理动态添加的html元素

日期选择器未处理动态添加的html表输入字段。我使用

clone

函数创建动态字段

如果父项具有值，则日期选择器不工作，但如果父项为空，则日期选择器工作。或者有时有效有时无效。表现得很奇怪：（

我做错了什么？有人能帮我吗？提前谢谢

我正在使用

jqueryui

datepicker

这是我的

---

代码的问题是，当您从上面的行克隆输入时，它也将克隆hasDatepicker类，这将破坏它。

要测试它，只需不聚焦输入并添加一个额外的行，然后聚焦第二行的输入，它就会工作。

这是解决这个问题的办法

                $('body').on('focus',".datepicker", function(){
                $(this).datepicker({ //Change this line here

到

---

它将首先重置输入，然后初始化日期选择器。代码的问题是，当您从上述行克隆输入时，它也将克隆

hasDatepicker

类，这将破坏它。

要测试它，只需不聚焦输入并添加一个额外的行，然后聚焦第二行的输入，它就会工作。

这是解决这个问题的办法

                $('body').on('focus',".datepicker", function(){
                $(this).datepicker({ //Change this line here

到

---

它将首先重置输入，然后初始化日期选择器以添加澄清：当您调用

.datePicker（{

时，它将添加类

hasDatepicker

，以便日期选择器模块知道在您再次调用

.datePicker（{

时，不会重新初始化数据选择器。添加澄清：当您调用

日期选择器时({

它添加了类

hasDatepicker

，这样当您再次调用

.datepicker（{

）时，datepicker模块知道不要重新初始化数据选择器。

                $('body').on('focus',".datepicker", function(){
                $(this).removeClass('hasDatepicker').datepicker({ //Change this line here