獲取datepicker函數在表中的所有行上工作

我遇到一個問題，我只能讓Datepicker日曆函數僅在我的表的'ModfiyStatusDate'字段上工作。這是我的表格定義和實際功能。獲取datepicker函數在表中的所有行上工作

  $(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」屬性使其具有唯一性，如「name」屬性，我需要爲servlet處理。這是真的還是我可以繼續使用我所擁有的？如果我必須修改ID，那麼爲什麼它現在只在第一行上工作？

謝謝

來源

2016-02-12 hammerva

使用一個類作爲選擇器，給所有應該與選擇器一起工作的輸入字段爲同一個類。 –

[jQuery Datepicker for multiple inputs]可能重複（http://stackoverflow.com/questions/10803518/jquery-datepicker-for-multiple-inputs） –

我能夠讓日曆顯示在所有的行上。我修改了函數來顯示：

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

現在我已經在那裏，如果我試圖修改日期第2行，例如它更新所有的時間上的第1行的日期問題。就像平常一樣，我解決了另一個問題的一個問題。

來源

2016-02-12 19:20:46 hammerva

這是因爲一個ID是用於獨特的元素，使用它兩次將不會工作。 –

如果我在字段中添加一個唯一的ID，該字段是否會更新特定行中的值，或者是否還需要在「OnSelect」函數中添加代碼（我認爲）才能確保這一點。此外，我是否需要修改datePicker函數調用來執行類似'id^= ModifyStatusDate的操作來獲取所有這些？謝謝 – hammerva

正如我在第一條評論中已經提到的 - 使用一堂課。事實上，這個問題已經回答了（幾次）。 http://stackoverflow.com/questions/10803518/jquery-datepicker-for-multiple-inputs –

獲取datepicker函數在表中的所有行上工作

回答

相關問題