欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于jQuery Datatable 多个查询条件自定义提交事件示例分享

程序员文章站 2022-04-07 10:52:39
...
本文主要介绍了jQuery Datatable 多个查询条件自定义提交事件的相关资料,需要的朋友可以参考下,希望能帮助到大家。

先写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 Datatables表头不对齐的解决办法

jquery DataTable--前后台动态分页

jquery插件datatables属性介绍及创建分页、排序实例详解

以上就是关于jQuery Datatable 多个查询条件自定义提交事件示例分享的详细内容,更多请关注其它相关文章!