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 相关文章推荐
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
Jquery让form表单异步提交代码实现
Nov 14 jQuery
jQuery实现计算器功能
Oct 19 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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
html读出文本文件内容
2007/01/22 Javascript
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
实例讲解JavaScript 计时事件
2020/07/04 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
有趣的python小程序分享
2017/12/05 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
Python实现银行账户资金交易管理系统
2020/01/03 Python
django中ImageField的使用详解
2020/12/21 Python
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
幼儿教育感言
2014/02/05 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
老人与海读书笔记
2015/06/26 职场文书
思品教学工作总结
2015/08/10 职场文书
2019消防宣传标语!
2019/07/10 职场文书
Go语言基础map用法及示例详解
2021/11/17 Golang
分享很少见很有用的SQL功能CORRESPONDING
2022/08/05 MySQL