关于利用日期范围查询的My97DatePicker插件应用

一般网站大部分时候都会用到利用时间段来查询,恰好有这么一个现成的插件方便快捷,一般格式如下:(刚刚从网上搜罗大神的一篇文章,是关于这个插件的详细用法,可谓巨细无遗啊,哈哈,收藏了,链接: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)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值