保存日期從jQuery datepicker在表

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

您可以在datepicker td旁邊放置hiddenfield，並在該輸入hiddenfield中添加所選日期。

現在保存您可以訪問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}"，距離值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 
    } 
});