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

jQuery Datatable 多个查询条件自定义提交事件(推荐)

程序员文章站 2022-04-29 08:07:25
先写2个input 分别表示开始时间跟结束时间 在写一个button 点击按钮 让表格重新刷新 代码如下 如下所示在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 datatable 多个查询条件自定义提交事件,希望对大家有所帮助