jquery - jquery 日期选择器无法删除 id 并设置日期选择器

Question

在我的项目中，我有一个表 tr，它有日期选择器，点击我克隆日期选择器，

而且我明白，当我使用相同的 id 时，日期选择器将不起作用，所以我决定删除“id”，但我不能。

如何使用日期选择器复制现有的“tr”以工作..

我使用的代码：

$("table").on("click", function(){
    $(this).find("tr:last").clone(false).removeClass('hasDatepicker').attr('id',"").appendTo($(this)).datepicker();
});


$("input").datepicker();

这里是这里是 jsfiddle

提前致谢

Answer 1

你的代码有几个问题..

首先input元素可以有日期选择器而不是行。在您的代码中，您试图将 datepicker 添加到tr元素中。

然后在克隆并追加行之后，您需要在行中搜索输入，然后将其添加datepicker到其中

$("table").on("click", function () {
    var $this = $(this);
    $this.find("tr:last").clone(false).find('input').removeClass('hasDatepicker')
            .attr('id', "").end().appendTo('table')
    $this.find("tr:last").find('input').datepicker();
});
$("input").datepicker();

小提琴