如何重复jquery日期选择器图标？

我需要显示带有日期选择器图标的文本框来选择日期。根据值列表，文本框将列出以更新日期

我的问题是，如果我有5条记录，那么我将显示带有日期选择器图标的5个文本框，但该图标仅显示第一个文本框。它不会在所有文本框中重复图标

请参阅以下代码：

<c:forEach items="${list}" var="product">
        <tr>
            <td>${product.prodname}</td>
            <td>${product.version}</td>
            <td>${product.end_date}</td>
             <td><input type="text" id="datepicker" name="new_end_date" value="<jsp:getProperty name="licenseupdate" property="new_end_date" />" style="width:100" />
         </tr>
    </c:forEach>

---

请告诉我为什么没有重复日期选择器？

您正在创建具有相同id的多个元素，因为输入元素是在循环中创建的。文档中元素的ID必须是唯一的。使用“类值”对相似的元素进行分组

<td><input type="text" class="datepicker" name="new_end_date" value="<jsp:getProperty name="licenseupdate" property="new_end_date" />" style="width:100" />

当使用ID选择器时，如果有多个元素具有相同的ID，那么它将只选择第一个具有该ID的元素，因此在您的情况下，datepicker小部件没有为其他元素初始化

<td><input type="text" class="datepicker" name="new_end_date" value="<jsp:getProperty name="licenseupdate" property="new_end_date" />" style="width:100" />

$(function() {
$( ".datepicker" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
});