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 相关文章推荐
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
基于jQuery实现可编辑的表格
Dec 11 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
jquery更改元素属性attr()方法操作示例
May 22 jQuery
jQuery实现本地存储
Dec 22 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
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
php 访问oracle 存储过程实例详解
2017/01/08 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
jQuery 拖动层(在可视区域范围内)
2012/05/24 Javascript
js replace替换所有匹配的字符串
2014/02/13 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
详解JavaScript树结构
2017/01/09 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
vue 动态添加class,三个以上的条件做判断方式
2020/11/02 Javascript
Python Socket编程入门教程
2014/07/11 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
基于pip install django失败时的解决方法
2018/06/12 Python
老生常谈python中的重载
2018/11/11 Python
python对数组进行排序,并输出排序后对应的索引值方式
2020/02/28 Python
Python序列化pickle模块使用详解
2020/03/05 Python
python的pip有什么用
2020/06/17 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
ghd澳大利亚官方网站:英国最受欢迎的美发工具品牌
2018/05/21 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
中医专业应届生求职信
2013/11/17 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
2014年党务工作总结
2014/11/25 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js
图神经网络GNN算法
2022/05/11 Python