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 相关文章推荐
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 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
Zerg剧情介绍
2020/03/14 星际争霸
PHP的加密方式及原理
2012/06/14 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
Laravel框架集合用法实例浅析
2020/05/14 PHP
Mac系统下搭建Nginx+php-fpm实例讲解
2020/12/15 PHP
jQuery 对象中的类数组操作
2009/04/27 Javascript
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
2013/05/23 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
2013/07/31 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
js获取元素外链样式的方法
2015/01/27 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
2015/12/10 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
JS中的事件委托实例浅析
2018/03/22 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
Preload基础使用方法详解
2020/02/03 Javascript
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
使用Python读取大文件的方法
2018/02/11 Python
numpy中矩阵合并的实例
2018/06/15 Python
Python实现FTP文件传输的实例
2019/07/07 Python
Python的轻量级ORM框架peewee使用教程
2021/02/05 Python
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
马来西亚最好的婴儿商店:Motherhood
2017/09/14 全球购物
给同学的道歉信
2014/01/16 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
修改并编译golang源码的操作步骤
2021/07/25 Golang
如何使用python包中的sched事件调度器
2022/04/30 Python