javascript - 尝试使用名称访问表中字段上的日期选择器时出现问题

Question

在我的项目中，我必须将所有表转换为 Bootstrap 动态格式。我正在处理一个有表格的页面，用户将能够根据复选框修改状态和状态日期。由于某种原因，我无法让日期选择器在表中的某一列上工作。这是表格的部分设置:

<div class="panel-body">
  <div class="flextable" id="updateResults">
    <table id="checkedTable" class="tablesaw tablesaw-stack table-responsive" data-tablesaw-mode="stack">
      <thead>
        <tr>
          <th> SEL</th>
          <th>Schedule Number</th>
          <th>Contract Year</th>
          <th>Status</th>
          <th>Status Date</th>
          <th>Approval ID</th>
        </tr>
      </thead>
      <tbody>
        <c:forEach var="row" items="${Updresults}">
          <c:set var="sched" value="${row.getSCHEDULE_NUMBER()}" />
          <c:set var="eftyear" value="${row.getEFT_CONTRACT_YEAR()}" />
          <c:set var="EFTstatus" value="${row.getSTATUS()}" />
          <c:set var="schedcombo" value="${sched}${eftyear}" />
          <fmt:formatNumber var="schedTotl" value="${row.getTOTAL_AMOUNT()}" pattern="$##,###,##0.00" />
          <tr>
            <td>
              <input style="width:50px;" type="checkbox" id="holdselectedSched" name="selectedSched" class="pullchecked" value="<c:out value=" ${schedcombo} "/>"/>
            </td>

            <td id="ModifyScheduleNumber">
              <c:out value="${row.getSCHEDULE_NUMBER()}" />
            </td>
            <td>
              <c:out value="${row.getEFT_CONTRACT_YEAR()}" />
            </td>
            <td>
              <select style="width:80px" id="ModifyStatus" name="ModifyStatus_<c:out value=" ${schedcombo} "/>" class="form-control">
                <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 class="form-control" name="ModifyStatusDate_<c:out value=" ${schedcombo} "/>" type="text" value="${row.getSTATUS_DATE()}" />
            </td>
            <td>
              <c:out value="${row.getAPPR_HUD_EMPLOYEE()}" />
            </td>
          </tr>
        </c:forEach>

      </tbody>
    </table>
  </div>

这是我访问日期选择器的函数:

$(function() {
  $("input[name^='ModifyStatusDate_']").datepicker({
    dateFormat: "yy-mm-dd"
  });
});        

尝试在 <input> 中使用通配符是否出现问题？功能中的问题还是可动态设置的问题？

Answer 1

尝试不使用单引号。

$(function() {
  $("input[name^=ModifyStatusDate_]").datepicker({
    dateFormat: "yy-mm-dd"
  });
});