在我的项目中,我必须将所有表转换为 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"
});
});