Javascript jQuery DatePicker:提供错误的多个输入

我正在使用jQuery日期选择器插件

功能性

目前，我正在开发一个表单，它有一个表，用户可以通过单击按钮将行添加到该表中。工作得很好

现在我想实现DatePicker插件，这样用户只需单击即可添加日期

问题

目前我面临一个问题，当用户添加一行时，datepicker停止工作。我正在使用类，这样它就不会产生问题。 我尝试的是在用户添加新行时销毁datepicker实例，但这样做会给我一个错误

未捕获的TypeError:无法读取未定义的属性“append”

我在谷歌上试过，但没有一个与我的错误相关

有人能帮我吗

（函数（$）{
//添加行
函数addRow（tableID）{
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
如果（rowCount<5）{//限制用户创建超出限制的字段
var row=table.insertRow（rowCount）；
var colCount=table.rows[0].cells.length；
对于（var i=0；i对于动态添加的日期选择器，最好的方法是这样做

$('body').on('focus', '.datepicker', function(){
   $(this).datepicker({ dateFormat: 'dd-mm-yy' } );
}).on('click', '.datepicker', function(){
   $(this).datepicker({ dateFormat: 'dd-mm-yy' } );
});

此外，您对多个输入使用相同的
id

这是一个

希望这有帮助。
我解决了这个问题，但现在当我从任何输入中添加日期时，它会将日期添加到第一个输入框，而不是我尝试添加的输入框。我是否需要添加关闭或下一个内容？在添加新行时，您对多个输入使用相同的id。避免这种情况。我更新了答案。请检查感谢dude，以获得快速答案！