Jquery ui jquery日期选择器不适用于动态行

Jquery ui jquery日期选择器不适用于动态行,jquery-ui,dynamic,html-table,jquery-ui-datepicker,Jquery Ui,Dynamic,Html Table,Jquery Ui Datepicker,我研究了许多解决方案,但这没有帮助。 我是JQuery的新手 我想将日期选择器绑定到表中新添加的行。 脚本文件如下所示 $('a.add-passenger').click(function(event){ event.preventDefault(); counter++; var newRow = '<tr>' + '<td><input type="te

我研究了许多解决方案,但这没有帮助。 我是JQuery的新手

我想将日期选择器绑定到表中新添加的行。 脚本文件如下所示

$('a.add-passenger').click(function(event){
        event.preventDefault();
        counter++;
        var newRow = 
            '<tr>' + 
                '<td><input type="text" name="Name' + counter + '"/></td>' +
                '<td><input type="text" name="DOB' + counter + '"/></td>' +
                '<td><input type="text" name="PassNum' + counter + '"/></td>' +
                '<td><input type="text" name="PassExpiry' + counter + '"/></td>' +
                '<td><input type="text" name="Destination' + counter + '"/></td>' +
                '<td><input type="text" name="DepDate' + counter + '"/></td>' +
                '<td><input type="text" name="ArrDate' + counter + '"/></td>' +
                '<td><a class="remove">remove</a></td>'
            '</tr>';
        $table.append(newRow);

        $( "DOB" ).datepicker( "destroy" );
        $("#DOB").datepicker({
        changeMonth: true,
        changeYear: true
        });

        $("#ArrDate").datepicker({ 
        minDate: 0,
        maxDate:"+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
            $("#DepDate").datepicker("option","maxDate", selected)
            }
        });

        $("#DepDate").datepicker({
        minDate: 0,
        maxDate: "+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
            $("#ArrDate").datepicker("option","minDate", selected)
            }
        });

    });
但是,当添加行时,只有第一行具有日期选择器,而没有其他行。
有不同的日期选择器,因此我不能使用日期选择器类。

请发布一个Fiddle,请参阅附件。