datapicker使用，按时间段搜索

最新推荐文章于 2024-07-22 16:05:08 发布

Marttin2

最新推荐文章于 2024-07-22 16:05:08 发布

阅读量362

点赞数

分类专栏： java js

本文链接：https://blog.csdn.net/qq_39822451/article/details/85249145

版权

java 同时被 2 个专栏收录

253 篇文章 1 订阅

订阅专栏

202 篇文章 1 订阅

订阅专栏

<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="${bxxxBean.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="${bxxxBean.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"
			});
		}