jQuery Datatable 多个查询条件自定义提交事件(推荐)


Posted in jQuery onAugust 24, 2017

先写2个input 分别表示开始时间跟结束时间 在写一个button 点击按钮 让表格重新刷新 代码如下

如下所示在datatable设置项增加如下设置  如果已经有了  只需要添加如下的data选项

ajax: {
  url: '/admin/index',
  type: 'POST',
  "data": function ( d ) {
    //添加额外的参数传给服务器
    d.beginDate = $("#datetimepicker1").val();
    d.endDate = $("#datetimepicker2").val();
  }
},
$("#searchsubmit").bind("click", function () { //按钮 点击事件触发table重新请求服务器
  $("#tags-table").dataTable().fnDraw(false);
});

服务端直接$_POST['beginDate'] 就能获取开始时间

总结

以上所述是小编给大家介绍的jQuery Datatable 多个查询条件自定义提交事件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
学习jQuery中的noConflict()用法
Sep 28 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
jQuery Position方法使用和兼容性
Aug 23 #jQuery
基于jQuery实现的单行公告活动轮播效果
Aug 23 #jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 #jQuery
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 #jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 #jQuery
关于JS与jQuery中的文档加载问题
Aug 22 #jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 #jQuery
You might like
ThinkPHP框架安全实现分析
2016/03/14 PHP
php实现的二分查找算法示例
2017/06/20 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
用cssText批量修改样式
2009/08/29 Javascript
JavaScript Object的extend是一个常用的功能
2009/12/02 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
JSP跨iframe如何传递参数实现代码
2013/09/21 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
详解js中的apply与call的用法
2016/07/30 Javascript
需要牢记的JavaScript基础知识
2016/09/25 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
图文详解vue框架安装步骤
2019/02/12 Javascript
深入理解JS异步编程-Promise
2019/06/03 Javascript
ES6中定义类和对象的方法示例
2019/07/31 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
Vue中 axios delete请求参数操作
2020/08/25 Javascript
python查找第k小元素代码分享
2013/12/18 Python
python递归计算N!的方法
2015/05/05 Python
python类的继承实例详解
2017/03/30 Python
Python3中的json模块使用详解
2018/05/05 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
flask 实现token机制的示例代码
2019/11/07 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
Django 解决由save方法引发的错误
2020/05/21 Python
Python爬虫实现HTTP网络请求多种实现方式
2020/06/19 Python
工商管理系学生的自我评价分享
2013/11/29 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
合作经营协议书范本
2014/04/17 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
餐厅服务员管理制度
2015/08/05 职场文书
2016年清明节期间群众祭祀活动工作总结
2016/04/01 职场文书
Java实现多文件上传功能
2021/06/30 Java/Android