在我的项目中,我必须将所有表转换为 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> 中使用通配符是否出现问题?功能中的问题还是可动态设置的问题?

请您参考如下方法:

尝试不使用单引号。

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


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!