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在進行數據時間數據傳遞的時候，如果僅僅傳遞一個時間，那么時間的格式并不是我們想要的那么滿意，而且在后臺我們要進行各種各樣的判斷，現在我們傳遞時間戳會減少一些判斷，并且時間的格式也可以很容易的進行轉換。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com