Question

在我的JSP页面中，我在表的每一行添加日期选择器。我需要在选择新日期时将日期保存到数据库。以下是我做的代码：

<table id="track" width="100%">
 <tbody>
   <c:forEach items="${itemList}" var="items" varStatus ="status">
      <tr>
        <td>
          ${items.id}         
        </td>
        <td>
          <input type='text' id="creationDate_${items.id}"  name="creationDate_${items.id}"  class="creationDatePicker" value = "${items.createdOn}" readonly="readonly" />
        </td>
       </tr>
  </c:forEach>

我的JSP是：

$('.creationDatePicker').datepicker({
 dateFormat: 'yy-mm-dd',
    onSelect: function (date) {
      // Code to update date in table.
    }
});

如何在日期更改时获得该项目的相应ID？

Answer 1

您可以将hiddenfield放在datepicker td旁边，并在该输入隐藏字段中添加所选日期。

现在开始保存，您可以访问ID和所选日期。

$('.creationDatePicker').datepicker({
 dateFormat: 'yy-mm-dd',
    onSelect: function (date) {
    var id=$(this).closest('tr > td:eq(0)').html();
    //Set selected date to input hiddenfield here
    }
});

Answer 2

您正在设置输入id="creationDate_${items.id}"，只需删除＆＃39; creationDate _＆＃39;从id值获取项目ID，如下所示

$('.creationDatePicker').datepicker({
 dateFormat: 'yy-mm-dd',
    onSelect: function (date) {
      var inputId = $(this).attr('id');
      var itemId = inputId.replace('creationDate_','');
      alert(itemId); // this is the item id required
    }
});

从表中的JQuery datepicker保存日期

2 个答案: