datapicker使用,按時間段搜尋
阿新 • • 發佈:2019-01-09
<div id="data_5" class='row' style='margin: 5px auto'> <label class="col-sm-2 control-label">簽訂時間:</label> <div class='col-sm-3'> <div class="input-daterange input-group" id="datepicker"> <sf:input type="text" path="fdate" placeholder="開始時間" class="form-control" required="" value="${fdateString}" /> <fmt:formatDate value="${b006001Bean.fdate}" var="fdateString" pattern="yyyy-MM-dd" /> <span class="input-group-addon">to</span> <sf:input type="text" path="tdate" placeholder="截止時間" class="form-control" required="" value="${tdateString}" /> <fmt:formatDate value="${b006001Bean.tdate}" var="tdateString" pattern="yyyy-MM-dd" /> </div> </div> <div class="col-sm-7"> <div class='row'> <div class="col-sm-3"> <button type="button" class="btn btn-primary full-width m-b" onclick="search()">搜尋</button> </div> <div class="col-sm-3"> <button type="button" class="btn btn-primary full-width m-b" onclick="add()">新建</button> </div> </div> </div> </div> </div> $().ready(function () { $('#data_5 .input-daterange').datepicker({ todayBtn: "linked", keyboardNavigation: false, forceParse: true, calendarWeeks: false, todayHighlight: true, autoclose: true, language:"zh-CN", format:"yyyy-mm-dd" }); }