将日期从 JQuery datepicker 保存在表中答案

【问题标题】：Save date fromJQuery datepicker in table将日期从 JQuery datepicker 保存在表中
【发布时间】：2014-05-02 06:30:51
【问题描述】：

在我的 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？

【问题讨论】：

标签： jquery jsp datepicker

【解决方案1】：

您可以将隐藏字段放在 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
    }
});

【讨论】：

【解决方案2】：

您正在设置输入 id="creationDate_${items.id}"，只需从 id 值中删除 'creationDate_' 并获取项目 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
    }
});

【讨论】：

感谢 Bhushan...这对我有帮助。