layerui 时间段搜索+后台处理

要实现效果如下：

前台代码基于Layui

<div class="layui-form">
<div class="layui-form-item fl">
<label class="layui-form-label" style="padding: 9px 0; text-align: center;width: auto;">搜索操作者：</label>
<div class="layui-input-inline mar-right20" style="width: auto;">
<input class="layui-input form-input-w200 disL" type="text" name="searchWord" id="searchWord" placeholder="搜索关键词..." autocomplete="off"/>
</div>
</div>
<div class="layui-form-inline">
<label class="layui-form-label">操作时间：</label>
<div class="layui-input-inline">
<input type="text" id="start_time" name="start_time" autocomplete="off" placeholder="请输入开始时间" class="layui-input">
</div> -
<div class="layui-input-inline">
<input type="text" id="end_time" name="end_time" autocomplete="off" placeholder="请输入结束时间" class="layui-input">
</div>
<button class="layui-btn" style="position: relative;top: 1px;left: -3px;border-radius: unset;" οnclick="searchData()">搜索</button>
</div>
</div>

Js部分：

layui.use(['laydate'], function () {
var $ = layui.$;
var laydate = layui.laydate;
var nowTime = new Date().valueOf();
var max = null;

var start = laydate.render({
elem: '#start_time',
type: 'datetime',
format:'yyyy-MM-dd HH:mm:ss',
max: nowTime,
done: function(value, date,endDate){
endMax = end.config.max;
end.config.min = date; //最大时间为结束时间的开始值
end.config.min.month = date.month -1;
$("#start_time").val(value);
searchData();
}
});

var end = laydate.render({
elem: '#end_time',
type: 'datetime',
max: 4073558400000,
format:'yyyy-MM-dd HH:mm:ss',
min:nowTime,
done: function(value, date){
if($.trim(value) == ''){
var curDate = new Date();
date = {'date': curDate.getDate(), 'month': curDate.getMonth()+1, 'year': curDate.getFullYear()};
}
start.config.max = date;//最小时间为开始时间的最大值
start.config.max.month = date.month -1;
$("#end_time").val(value);
searchData();
}
})

});

后台处理SpringMVC，处理可能不是很好，有好想法的欢迎留言：
   public PageBean<OperateLog> findPageList(PageBean<OperateLog> page, String[] likeNames,
           Object[] likeParams, String[] names, Object[] params,String startTime,String endTime) throws DaoException {
       // TODO Auto-generated method stub
       try {
           StringBuffer hqlBuffer = new StringBuffer("from OperateLog where 1=1");
           if(StringUtils.isNotBlank(startTime)) {
               hqlBuffer.append(" and createDate >='"+startTime+"' " );
           }
           if(StringUtils.isNotBlank(endTime)) {
               hqlBuffer.append(" and createDate <='"+endTime+"' " );
           }
           String orderName[] = new String[] {"createDate"};
           String order[] = new String[] {"desc"};

//仅仅只是个分页插件而已
           return super.findPageList(page, hqlBuffer, likeNames, likeParams, likeNames, params, orderName, order);
       } catch (Exception e) {
           // TODO Auto-generated catch block
           log.error("分页查找操作日志列表发生错误!", e);
           throw new DaoException("分页查找操作日志列表发生错误!", e);
       }
   }

layerui 时间段搜索+后台处理相关推荐

通过谷歌骇客语法搜索后台:_Google骇客：以不寻常的方式使用Google的六大技巧...
通过谷歌骇客语法搜索后台: Previously I've discussed ways of modifying queries to gain maximum value in Google se ...
linux grep 获取当天时间段,linux grep 多条件搜索及按照时间段搜索
一.或操做字符串 grep -E '123|abc' filename // 找出文件(filename)中包含123或者包含abc的行 egrep '123|abc' filename // 用eg ...
BBdoc文档搜索软件V1.09，真的好用，可以卸掉Everything了。
成千上万的各类常用文档存放在电脑各个角落,时间长了就很难记得放哪儿,怎么办?BBdoc电脑文档搜索工具能够快速准确地帮你找到你想找的文件. BBdoc电脑文档搜索工具支持按照文档名.文档内容快速精准搜 ...
Windows 8 的新文件搜索实例分享
用习惯了Windows 7 下的搜索,升级成Windows 8 后搜索速速变得更快,这不错,对触摸的优化效果甚好,不过好有好的地方,不便的地方可能也来了,毕竟要更加适应触摸,一般点几下就能出来原来倒腾 ...
IT：后端进阶技术路线图(初级→中级→高级)、后端开发工程师(技术方向分类之后台业务开发/中间件/内核/分布式架构)基础知识简介、技术路线/技术趋势指南(如何选择自己的技术方向)之详细攻略
IT:后端进阶技术路线图(初级→中级→高级).后端开发工程师(技术方向分类之后台业务开发/中间件/内核/分布式架构)基础知识简介.技术路线/技术趋势指南(如何选择自己的技术方向)之详细攻略目录后端 ...
好多粉数据上报之卧龙搜索ocpc API上报数据
重要提示: 1. 卧龙搜索ocpc需要自己手动在推广链接后面添加 clickid参数(飘红部分),添加方法如下: ① 没有参数的链接加问号拼接: http://www.hduofen.com?clic ...
垂直搜索开发：垂直搜索引擎开发全过程[原创]
//http://blog.csdn.net/chengg0769 转载保留此行 //这只是我随笔涂鸦,我并不是一个完整实践者,只是准备如此施行.勿笑话我. //070817增加忠告部分:070823 ...
outlook邮件搜索方法与技巧
搜索位置如下: 你点选搜索工具区域,在搜索栏会出现搜索格式,修改里面的关键字即可,例如: 邮件搜索: 1.发件人搜索,一般在收件箱搜索格式 :from:"XXXX" 例如:fro ...
六十五、Spark-综合案例(搜狗搜索日志分析)
搜狗实验室:搜索引擎查询日志库设计为包括约1个月(2008年6月)Sogou搜索引擎部分网页查询需求及用户点击情况的网页查询日志数据集合.为进行中文搜索引擎用户行为分析的研究者提供基准研究语料目录 ...

layerui 时间段搜索+后台处理

layerui 时间段搜索+后台处理相关推荐

最新文章

热门文章