Java 当网页中使用相同类名的多个元素时，jQuery DatePicker问题

下面是我的Spring mvc2代码

<c:forEach var="trackRecord"  varStatus = "number" items="${contractDetails.trackRecordEntries}" >
  <tr class="tafont">
      <td class="varcar"><form:input readonly = "true" id = "installmentNo" path="trackRecordEntries[${number.index}].installmentNo"/></td>

      <td class="varcar"><form:input cssClass="recievedDate" id = "recievedDate" path="trackRecordEntries[${number.index}].recievedDate"/></td>  
 </tr>
 </c:forEach>

---

任何解决方案？？？

当您的代码被执行时，您的代码将有多个id

receiveddate

所以它不会工作。为datepicker指定不同的id，并在jquery中使用这种方式

$( '.recievedDate','recievedDate1','recievedDate2').datepicker({
          dateFormat: 'dd/mm/yy',
          changeMonth:true,
          changeYear:true,
          maxDate: '0',
        });

---

您将需要处理多个，因此请尝试

$('.receivedDate').each(function(){
  $(this).datepicker({ 
      dateFormat: 'dd/mm/yy',
      changeMonth:true,
      changeYear:true,
      maxDate: '0',
    });
});

---

通过删除id属性解决了此问题

<td class="varcar"><form:input cssClass="recievedDate"  path="trackRecordEntries[${number.index}].recievedDate"/></td>

---

想知道相同的原因：）

ID应该是唯一的，这些元素的数量不是固定的。那么，我如何给他们id以便与jQuery一起使用？？？@AbhishekSingh我不确定其他答案是否有效，但您可以动态获取id，因此将其放入数组中，并在$（'.receiveddate'）@AbhishekSingh内检索相同的id，正如我告诉您的，不能有多个id这种代码被我们公司多次使用，所以我猜你还有别的错误。查看您的代码，我看到的是'cssClass'，但不是'class'，正如前面提到的，'id'应该是唯一的。请整理你的html。

<td class="varcar"><form:input cssClass="recievedDate"  path="trackRecordEntries[${number.index}].recievedDate"/></td>