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

时间:2013-06-04 06:03:34

标签: jquery jquery-ui datepicker

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

我理解,当我使用相同的ID时,对日期选择器不起作用,所以我决定删除'id',但我不能。

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

我使用的代码:

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


$("input").datepicker();

这是here is the jsfiddle

提前致谢

1 个答案:

答案 0 :(得分: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();

<强> Fiddle