jQuery Datatable 多個(gè)查詢條件自定義提交事件(推薦)
更新時(shí)間：2017年08月24日 08:38:34 作者：jimgethelp
這篇文章主要介紹了jQuery Datatable 多個(gè)查詢條件自定義提交事件的相關(guān)資料,需要的朋友可以參考下
先寫2個(gè)input 分別表示開始時(shí)間跟結(jié)束時(shí)間 在寫一個(gè)button 點(diǎn)擊按鈕 讓表格重新刷新 代碼如下
如下所示在datatable設(shè)置項(xiàng)增加如下設(shè)置 如果已經(jīng)有了 只需要添加如下的data選項(xiàng)
ajax: {
url: '/admin/index',
type: 'POST',
"data": function ( d ) {
//添加額外的參數(shù)傳給服務(wù)器
d.beginDate = $("#datetimepicker1").val();
d.endDate = $("#datetimepicker2").val();
}
},
$("#searchsubmit").bind("click", function () { //按鈕 點(diǎn)擊事件觸發(fā)table重新請(qǐng)求服務(wù)器
$("#tags-table").dataTable().fnDraw(false);
});
服務(wù)端直接$_POST['beginDate'] 就能獲取開始時(shí)間
總結(jié)
以上所述是小編給大家介紹的jQuery Datatable 多個(gè)查詢條件自定義提交事件，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法
下面小編就為大家?guī)?lái)一篇jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
這篇文章主要介紹了JQuery分屏指示器圖片輪換效果實(shí)現(xiàn)方法,實(shí)例分析了jQuery圖片輪播操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
jQuery通過(guò)ajax快速批量提交表單數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了jQuery通過(guò)ajax快速批量提交表單數(shù)據(jù)的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)彈幕特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
jquery獲取自定義屬性(attr和prop)實(shí)例介紹
jquery中用attr()方法來(lái)獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會(huì)經(jīng)常用到attr()，attr()有4個(gè)表達(dá)式2013-04-04
jQuery的animate函數(shù)實(shí)現(xiàn)圖文切換動(dòng)畫效果
animate()在jquery中作為一個(gè)方法,可用于創(chuàng)建動(dòng)畫效果，jquery中的animate()方法讓那個(gè)頁(yè)面增加了很好的視覺效果2015-05-05
這篇文章主要介紹了使用jquery.qrcode生成彩色二維碼實(shí)例,jquery.qrcode是一個(gè)jquery的插件,需要的朋友可以參考下2014-08-08
jQuery 重復(fù)加載錯(cuò)誤以及修復(fù)方法
本文主要記錄了在項(xiàng)目中遇到j(luò)Query重復(fù)加載導(dǎo)致依賴jQuery的js全部失效然后一步步分析，得出最終解決方案的全部過(guò)程，主要是記錄下來(lái)，提醒自己以后不要再犯相同錯(cuò)誤。2014-12-12
兩個(gè)多選select(multiple左右)添加、刪除選項(xiàng)和取值實(shí)例
這篇文章主要介紹了兩個(gè)多選select(multiple左右)添加、刪除選項(xiàng)和取值實(shí)例,使用jquery實(shí)現(xiàn),需要的朋友可以參考下2014-05-05
jquery load()在firefox(火狐)下顯示不正常的解決方法
覺得應(yīng)該是由于 直接將www.baidu.com的內(nèi)容放到div中,對(duì)于較嚴(yán)格的FireFox可能不會(huì)處理用cssviewter查看處理后的頁(yè)面源碼果然發(fā)現(xiàn)div中為空2011-04-04