JQueryMiniUI按照时间进行查询如何实现

来源：动视网责编：小OO 时间：2020-11-27 20:06:53

JQueryMiniUI按照时间进行查询如何实现

考核的事情已经变成了上一年了，当时要做一个图书管理系统，但是当时因为在按照时间进行搜索的时候，无法将前台的数据传递到后台，所以失去了一部分，现在重看，其实也不过尔尔，反而然我有一种只是当时枉然的意味。好了，那么如何将前台的时间数据传递到后台，其实如果是普通的传递倒也是无所谓的，因为有特殊的功能是在搜索的时候实现。所以要在加载页面的时候传递数据，jQuery-MINI UI如何实现。其实我们要要做的事情是将数据显示到表格中，那么我们就要看一开始是如何实现的。前台千篇一律如此。

推荐度：

点击下载本文 文档为doc格式

导读考核的事情已经变成了上一年了，当时要做一个图书管理系统，但是当时因为在按照时间进行搜索的时候，无法将前台的数据传递到后台，所以失去了一部分，现在重看，其实也不过尔尔，反而然我有一种只是当时枉然的意味。好了，那么如何将前台的时间数据传递到后台，其实如果是普通的传递倒也是无所谓的，因为有特殊的功能是在搜索的时候实现。所以要在加载页面的时候传递数据，jQuery-MINI UI如何实现。其实我们要要做的事情是将数据显示到表格中，那么我们就要看一开始是如何实现的。前台千篇一律如此。

本文主要为大家带来一篇JQueryMiniUI按照时间进行查询的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

所以要在加载页面的时候传递数据，jQuery-MINI UI如何实现：

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

前台千篇一律如此：

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

上面是我们的表格显示的内容，mini-ui在页面进行加载的时候就会初始化表格所以说在p中我们有一个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类型是数据，我们来看一看后台是怎样进行接收的

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

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