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实现修改密码验证功能实例详解
Jul 06 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
JQuery获得内容和属性方法解析
May 30 jQuery
jQuery实现购物车全功能
Jan 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
上海牌131型七灯四波段四喇叭一级收音机
2021/03/02 无线电
php 启动时报错的简单解决方法
2014/01/27 PHP
PHP引用(&)各种使用方法实例详解
2014/03/20 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
node.js中的fs.lstatSync方法使用说明
2014/12/16 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
深入理解JavaScript中的for循环
2017/02/07 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
pyqt和pyside开发图形化界面
2014/01/22 Python
Python中用Spark模块的使用教程
2015/04/13 Python
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
分享python数据统计的一些小技巧
2016/07/21 Python
Python函数装饰器实现方法详解
2018/12/22 Python
使用Django开发简单接口实现文章增删改查
2019/05/09 Python
三陽商会官方网站:Sanyo iStore
2019/05/15 全球购物
求职简历的自我评价
2014/01/31 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
交通安全标语
2014/06/06 职场文书
建筑结构施工求职信
2014/07/11 职场文书
学习党的群众路线教育实践活动心得体会范文
2014/11/03 职场文书
保密工作整改情况汇报
2014/11/06 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
防暑降温通知书
2015/04/27 职场文书
思品教学工作总结
2015/08/10 职场文书
学生会任命书范本
2015/09/21 职场文书
python通配符之glob模块的使用详解
2021/04/24 Python