Jquery UI datepicker在动态字段中不工作

我正在添加动态

input

字段，但是

datepicker

不能在动态生成的字段中工作

$（文档）.ready（函数（）{
$（'#text'）.datepicker（）；
})
函数addmore（）{
var html='×；'；
$（'.input fields'）.append（html）；
}
功能删除输入（obj）{
$（obj.parent（）.remove（）；
}

。表单组{
边缘底部：10px；
}

添加更多

您需要为每个附加的输入生成新的

Id

，然后调用

日期选择器

函数

var i=0；
$（文档）.ready（函数（）{
$（'#text'）.datepicker（）；
})
函数addmore（）{
我++
var html='×；'；
$（'.input fields'）.append（html）；
$（'#text-'+i）.datepicker（）；
}
功能删除输入（obj）{
$（obj.parent（）.remove（）；
}

。表单组{
边缘底部：10px；
}

添加更多

最简单的方法是使用

文本

类。您使用了

text

id，这是一种错误的方法，因为当您添加项目时，您将尝试为更多具有相同

id

的元素附加事件

$（文档）.ready（函数（）{
$（'.text'）.datepicker（）；
})
函数addmore（）{
var html='×；'；
$（'.input fields'）.append（html）；
$（'.text'）.datepicker（）；
}
功能删除输入（obj）{
$（obj.parent（）.remove（）；
}

。表单组{
边缘底部：10px；
}

添加更多

谢谢您的快速回复。您的答案比其他答案短，但我想使用unique

ID

要好得多。@TalentRunners，这应该是公认的答案，因为考虑使用

class

而不是

ID