easyui查询页面时间段的查询

最新推荐文章于 2023-06-09 10:57:07 发布

夏有凉风_

最新推荐文章于 2023-06-09 10:57:07 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_42684618/article/details/88871511

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在EasyUI前端框架中实现一个高效且用户友好的时间段查询功能，包括选择日期范围、与后台交互及数据显示等关键步骤。

search.jsp页面
<tr>
	<th>来文日期：</th>
	<td colspan="3">
		<input type="text"  name="dSSendDocDate" id="dSSendDocDate"  style="width:30%;cursor: pointer;" class="txt"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'dESendDocDate\')}',})" />
						&nbsp;&nbsp;至&nbsp;&nbsp;
	    <input type="text"  name="dESendDocDate" id="dESendDocDate"  style="width:30%;cursor: pointer;"  class="txt"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'dSSendDocDate\')}',})" />
	</td>
</tr>




/searchList.jsp页面

		<input type="hidden" name="dSSendDocDate" value="${dSSendDocDate }" />
		<input type="hidden" name="dESendDocDate" value="${dESendDocDate }" />

		dSSendDocDate:'${dSSendDocDate}',
		dESendDocDate:'${dESendDocDate}',

controller：/list方法
	map.put("dSSendDocDate", this.getParameter("dSSendDocDate", ""));//
	map.put("dESendDocDate", this.getParameter("dESendDocDate", ""));//
				
controller：/listData方法
	String dSSendDocDate = this.getParameter("dSSendDocDate", ""); // 申请人
	if (!"".equals(dSSendDocDate)) {
	page.addQueryAnd("strSendDocDate", QueryType.markGTEQ, dSSendDocDate);
	}

	String dESendDocDate = this.getParameter("dESendDocDate", ""); // 申请部门
	if (!"".equals(dESendDocDate)) {
	page.addQueryAnd("strSendDocDate", QueryType.markLTEQ, dESendDocDate);
	}