一般网站大部分时候都会用到利用时间段来查询,恰好有这么一个现成的插件方便快捷,一般格式如下:(刚刚从网上搜罗大神的一篇文章,是关于这个插件的详细用法,可谓巨细无遗啊,哈哈,收藏了,链接:http://blog.csdn.net/jadyer/article/details/11705587?utm_source=tuicool&utm_medium=referral
下来说说使用的一般步骤:
<1>首先,引入插件:
<script type="text/javascript" src="lib/My97DatePicker/WdatePicker.js"></script>
<2>一般都会使用input标签,注意ID一定要和下面取值时保持一致:
日期范围: <input type="text" οnfοcus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'%y-%M-%d\'}'})" id="startDate" class="input-text Wdate" style="width:120px;"> - <input type="text" οnfοcus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}',maxDate:'%y-%M-%d'})" id="endDate" class="input-text Wdate" style="width:120px;">
<3>使用jquery取到开始和结束的值:
var startDate=$("#startDate").val(); var endDate=$("#endDate").val();
<4>使用你自己的方式将值传递给后台进行处理返回查询结果就好了。
我在这里说说我是如何将数据传递给前台来进行查询的:先说明,个人用的是SpringMVC框架,利用Ajax的方法传递数据,我的方法不一定适用于你们,仅作参考:
ajaxGetFun(url, {startDate":startDate,"endDate":endDate}, successFun, null, "查询订单") }
// 统一的get查询接口 var ajaxGetFun = function (url, data, successFun, errorFun, str) { $.ajax({ url: url, type: "get", dataType: "json", xhrFields: { withCredentials: true }, data: data || {}, success: function (data) { console.log(str + "返回成功", data); if (data.rtnCode != "0000000") { if (data.rtnCode == "0006666") { gotoLogin();//go to login return false; } if (errorFun) { errorFun(data); } else { layer.msg(data.msg, {icon: 5, time: 1000}); } } else { console.log(str + "返回成功", data); successFun(data); } }, error: function (data) { console.log(str + "返回失败", data); //errorFun(data); } }) };传递到后台,SpringMVC会自动接收数据到一个Map集合或者你自己定义的容器中,例如:下面的
@RequestParam Map<String, Object> conditions集合中,
public BizData4Page adminOrderList(@PathVariable int page, @RequestParam Map<String, Object> conditions)