Jquery ui jquery日期选择器不适用于动态行
我研究了许多解决方案,但这没有帮助。 我是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
$('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,请参阅附件。