获取datepicker函数以处理表中的所有行

时间:2016-02-12 18:57:39

标签: jquery jsp datepicker

我遇到的问题是,我只能将Datepicker日历功能仅用于' ModfiyStatusDate'我的桌子的领域。这是我的表定义和实际功能。

          $(function () 
          {
            $("#ModifyStatusDate").datepicker({
                dateFormat: "yy-mm-dd"
              });
          });



         <tr>
             <td align="center">  
               <input style="width:50px;" type="checkbox" id="selectedSched" 
                        name="selectedSched" value="<c:out value="${schedcombo}"/>"/>  
             </td> 

             <td id="ModifyScheduleNumber"><c:out value="${row.getSCHEDULE_NUMBER()}" /></td>
             <td id="ModifyYear"><c:out value="${row.getEFT_CONTRACT_YEAR()}" /></td>
             <td id="ModifyCreationDate"><c:out value="${row.getCREATION_DATE()}"/></td>
             <td style="text-align: right; padding-right: 5px;"><c:out value="${row.getNUM_OF_PAY_RECORDS()}"/></td>
             <td style="text-align: right; padding-right: 5px;"><c:out value="${schedTotl}"/></td>
             <td><select style="width:45px;" size="1" id="ModifyStatus" 
                 name="ModifyStatus_<c:out value="${schedcombo}"/>" class="combosmall">
                 <c:forEach items="${ModifyList}" var="statusValue">
                      <option value="${statusValue}"
                      <c:if test="${statusValue == UpdCMDStatus}"> selected="selected"</c:if>
                                 >${statusValue}</option>

                 </c:forEach>
                 </select> </td>
            <td>
                <input style="width:85px" id="ModifyStatusDate" 
                    name="ModifyStatusDate_<c:out value="${schedcombo}"/>" 
                       type="text" class="texttable" value="${row.getSTATUS_DATE()}"/>
                       </td>
            <td><c:out value="${row.getAPPR_HUD_EMPLOYEE()}"/></td>
     </tr>

我看过类似的问题,似乎我必须改变我的ID&#39;属性使其独特,如名称&#39;我需要servlet处理的属性。这是真的还是我仍然可以使用我拥有的东西?如果我必须修改ID,为什么它只在当前的第一行工作?

由于

1 个答案:

答案 0 :(得分:1)

I was able to get the calendar to show up on all of the rows. I modified my function to show:

       $("input[id$='ModifyStatusDate']").datepicker({
                dateFormat: "yy-mm-dd"
      });  

Now I have the issue where if I try to modify the date on the 2nd row for example it updates the date on the 1st row all the time. So like usual I solved one problem with another problem.