0
我有一张表格,每次单击ADD NEW时都会显示新行。每当我们点击日历图像时,第一行的日历图像旁边会显示日历框。问题是:在我们点击添加新行后,日历图像显示,但当我们点击它时,日历框不显示。 如何显示点击ADD NEW后显示的行的日历框?在添加的行中显示日历
$(function() {
$("#datearrive").datepicker({ dateFormat: "dd-mm-yy",
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date"
}).val()
$("#datearrive").click(function() {
date = new Date();
date.setDate(date.getDate()-1);
$("#datearrive").datepicker("setDate" , date);
});
});
$(function() {
$("#datedepart").datepicker({ dateFormat: "dd-mm-yy",
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date"
}).val()
$("#datedepart").click(function() {
date = new Date();
date.setDate(date.getDate()-1);
$("#datedepart").datepicker("setDate" , date);
});
});
<table id="maintable">
<tr>
<th align="center">Arrived Date</th>
<th align="center">Departed Date</th>
<th align="center">Last Name</th>
</tr>
<tr id="rows">
<div style="padding-left: 5px">
<td style="padding:5px;">
<input type="text" name="rollno" id="datearrive" />
</td>
<td style="padding:5px;">
<input type="text" name="firstname" id="datedepart" />
</td>
<td style="padding:5px;">
<input type="text" name="lastname" />
</td>
</div>
</tr>
</table>
<br>
<div id="add_new">ADD NEW</div>
$("#add_new").click(function() {
$("#maintable").each(function() {
var tds = '<tr>';
jQuery.each($('tr:last td', this), function() {
tds += '<td>' + $(this).html() + '</td>';
});
tds += '</tr>';
if ($('tbody', this).length > 0) {
$('tbody', this).append(tds);
} else {
$(this).append(tds);
}
});
});
与你的变化添加新行工作,但第一行和点击后的行没有显示日历.. –
我解决每一件事情我刚刚关闭了括号和托槽它的工作原理。谢谢 –