1. 程式人生 > >關於利用日期範圍查詢的My97DatePicker外掛應用

關於利用日期範圍查詢的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" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'%y-%M-%d\'}'})" id="startDate" class="input-text Wdate" style="width:120px;">
-
<input type="text" onfocus="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)