關於利用日期範圍查詢的My97DatePicker外掛應用
阿新 • • 發佈:2019-02-03
一般網站大部分時候都會用到利用時間段來查詢,恰好有這麼一個現成的外掛方便快捷,一般格式如下:(剛剛從網上搜羅大神的一篇文章,是關於這個外掛的詳細用法,可謂鉅細無遺啊,哈哈,收藏了,連結: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)