考核的事情已经变成了上一年了,当时要做一个图书管理系统,但是当时因为在按照时间进行搜索的时候,无法将前台的数据传递到后台,所以失去了一部分,现在重看,其实也不过尔尔,反而然我有一种只是当时枉然的意味。好了,那么如何将前台的时间数据传递到后台,其实如果是普通的传递倒也是无所谓的,因为有特殊的功能是在搜索的时候实现

所以要在加载页面的时候传递数据,JQuery-MINI UI如何实现:

其实我们要要做的事情是将数据显示到表格中,那么我们就要看一开始是如何实现的:

前台千篇一律如此:

<div id="datagrid1" class="mini-datagrid" style="width: 1000px; height: 280px;" url="../index?method=listAll" idField="id" multiSelect="true" sizeList="[5,10,15]" pageSize="10"><div property="columns"><div type="checkcolumn"></div><div type="indexcolumn">序号</div><div field="bookGuid" width="60" headerAlign="center" allowSort="true">图书编号</div><div field="bookName" width="60" headerAlign="center" allowSort="true">图书名称</div><div field="bookType" class="mini-combobox" width="60" renderer="onTypeRenderer">图书类别</div><div field="suitable" width="60" renderer="onSuitRenderer">适合人群</div><div field="buyDate" width="150" headerAlign="center" dateFormat="yyyy-MM-dd HH:mm:ss" allowSort="true">入库日期</div><div field="count"  width="60" style="color:red">借阅次数</div><div field="remark"  width="60" style="color:red">备注</div><div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div></div></div>

上面是我们的表格显示的内容,mini-ui在页面进行加载的时候就会初始化表格所以说在div中我们有一个url属性,也就是告诉我们数据的来源

url="../index?method=listAll"

在页面进行加载的时候回调用listAll这个方法,我们进行搜索的时候也会去调用这个方法,但是我们会传递数据到后台

那么在js重我们该如何编写,首先我们来看看不需要传递数据到到后台,怎样来加载这个表格

var grid = mini.get("datagrid1");grid.load();

那么我们在点击搜索的时候,是不是要进行传递数据到后台:

function search() {var type1 = mini.get("type1").getValue();var date1=mini.get("date1").getValue();var timestamp = Date.parse(date1);grid.load({type1:type1,timestmp:timestamp});}

按照上面我们就可以在后台的listAll中对接收到的数据进行判断,然后显示对应的数据

这个地方有一个特点时间的传递并不是按照yyyy-MM-dd这种格式,而是利用时间戳传递到后台,也就是说传递的是一个long类型是数据,我们来看一看后台是怎样进行接收的

public void listAll(HttpServletRequest request, HttpServletResponse response) throws Exception{String type=request.getParameter("type1");String lstr=request.getParameter("timestmp");long time=0;if(lstr!=null && isNumeric(lstr)){time=Long.parseLong(lstr);}Date date1=new Date();date1.setTime(time);Date date2=new Date();date2.setTime(time+24*60*60*1000);SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd");String sql="select * from bookinfo";if(type!= null && type.length()>0 && time==0){sql="select * from bookinfo where booktype="+Integer.parseInt(type);}else if(time!=0 && type.length()==0){sql ="select * from bookinfo where buydate between \""+ sdf.format(date1) +"\" and \""+sdf.format(date2)+"\"";}else if(time!=0 && type.length()>0){sql ="select * from bookinfo where  booktype="+Integer.parseInt(type)+" and buydate between \""+ sdf.format(date1) +"\" and \""+sdf.format(date2)+"\"";}else{sql ="select * from bookinfo";}System.out.println(sql);//要知道的是联合查询中需要得到的List也是显示出来的List list=mdao.getList(sql);//实现的是分页int pageSize=Integer.parseInt(request.getParameter("pageSize"));int pageIndex=Integer.parseInt(request.getParameter("pageIndex"));List sub_list=new ArrayList<>();int start=pageIndex*pageSize;for(int i=start;i<list.size() && i<start+pageSize;i++){sub_list.add(list.get(i));}String json=JsonUtil.listToJson(sub_list, "yyyy-MM-dd hh:mm:ss");System.out.println(json);json=JsonData.modifyJson(json);json=json.replaceFirst("null", list.size()+"");response.getWriter().write(json);}

然后在后台将时间戳转换成为一定的格式,我们就可以在数据库中户进行搜索了,还有的是sql语句中时间两边是要加上双引号的。

总之,我们利用JQuerymini-ui在进行数据时间数据传递的时候,如果仅仅传递一个时间,那么时间的格式并不是我们想要的那么满意,而且在后台我们要进行各种各样的判断,现在我们传递时间戳会减少一些判断,并且时间的格式也可以很容易的进行转换。

JQueryMiniUI按照时间进行查询相关推荐

  1. miniui 查询_JQueryMiniUI按照时间进行查询的实现方法

    考核的事情已经变成了上一年了,当时要做一个图书管理系统,但是当时因为在按照时间进行搜索的时候,无法将前台的数据传递到后台,所以失去了一部分,现在重看,其实也不过尔尔,反而然我有一种只是当时枉然的意味. ...

  2. python使用pandas基于时间条件查询多个oracle数据表

    python使用pandas基于时间条件查询多个oracle数据表 目录 python使用pandas基于时间条件查询多个orcale数据表 #orcale数据连接

  3. Docker日志日期时间精确查询

    docker logs --since="2020-07-30T10:14:00" --until "2020-07-30T10:15:00" tomcat80 ...

  4. oracle带时间查询语句,请教oracle按时间分组查询语句的写法

    请教oracle按时间分组查询语句的写法 最近由于要做报表,在一张表中有一个字段为date类型,现在想要在一段时间内(比如一年)能够按照时间段分组查询记录总和,比如我要能够查询2007年到2009年间 ...

  5. mysql时间模糊查询_mysql中那些根据时间查询的sql语句

    在我们使用mysql是免不了要根据时间去查询一些数据,这个时候一般有几种方式可以去查询. 第一种数据库,如果有数据新建时间可以以这个时间为节点,通过当前时间条件去比较时间来查询到此段时间内的数据 例如 ...

  6. Solaris下怎样改动文件创建时间及查询

    Solaris下怎样改动文件创建时间及查询 实验演示: 1.核对时间 [root@S1011:/]# date Tue Jul 15 21:37:01 CDT 2014 --若时间不对请先按例如以下格 ...

  7. SQL根据时间字段查询半小时之内或者之外的数据

    SQL根据时间字段查询半小时之内或者之外的数据 SELECT * FROM kunyao_shop_order WHERE create_time <= CURRENT_TIMESTAMP - ...

  8. mysql 如何时间分组,mysql如何按时间分组查询

    mysql按时间分组查询的方法: DATE_FORMAT(date,format):函数用于以不同的格式显示日期/时间数据. 参数: date:表中时间类型的字段名称. format:时间输出格式. ...

  9. 2021年四川高考成绩及录取结果查询,2021年四川高考录取结果查询时间及查询入口,录取结果多少号公布...

    一.2020年四川高考录取结果查询时间及查询入口 录取时间:8月3日 本科提前批国家专项录取院校. 录取开始时间:8月6日 本科提前批录取院校. 录取时间:8月11日 贫困地区定向招生专项计划(即国家 ...

最新文章

  1. 微信分享JSSDK-invalid signature签名错误的解决方案
  2. 每日一皮:程序员的生存状态 ...
  3. 【干货】交换机密码恢复教程
  4. 【工具】13 款 Linux 实用工具推荐,个个是神器!(附下载链接)
  5. 16道嵌入式C语言面试题(经典) 预处理器(Preprocessor)
  6. Android处理崩溃的一些实践
  7. jQuery自定义漂亮的下拉框插件8种效果演示
  8. 代理 XP”组件已作为此服务器安全配置的一部分被关闭。系统管理员可以使用 sp_configure 来启用“代理 XP”。...
  9. 【图】IPAVS多媒体网络×××
  10. Spring RestTemplate中几种常见的请求方式GET请求 POST请求 PUT请求 DELETE请求
  11. 参加智能车大赛还是电赛?在做电磁炮中我找到了答案
  12. 流水线调度(51Nod-1205)
  13. CVPR2021 Oral《Seeing Out of the Box》北科大中山大学微软提出端到端视觉语言表征预训练方法...
  14. 脉冲神经网络的开发公司AI-CTX
  15. linux nightshift调整,iOS9.3夜间模式怎么设置?iOS9.3 Night Shift设置教程
  16. 他们从各大操作系统中发现了26个 USB 漏洞,用的是这款模糊测试工具
  17. SQL语言的3种分类
  18. 好看的字体—方正粗倩
  19. mat java_使用MAT分析Java内存
  20. Hadoop综合大作业+补交平时作业

热门文章

  1. Android获取当前时间
  2. JFinal 源码build脚本
  3. 健身提示:跑步一周只需三次 天天跑易疲劳
  4. CentOS6.8下安装JDK1.8
  5. 2021年你不能错过的DevOps趋势
  6. 经典智力面试题:一家人过桥
  7. 苦修月余,斩获bigo、腾讯offer,面经奉上!
  8. JVM的架构和执行过程
  9. 命保住了!五年时间,我们也搞了一个技术中台
  10. 程序员如何判断是否到了该辞职的时候?以及常用的辞职借口总结