jQuery datatable 多个查询条件 ,自定义提交事件

更新于2017-08-28 
例如需要给表格增加一个开始时间 一个结束时间 点击按钮 重新刷新数据
先写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'] 就能获取开始时间
$_POST['endDate'] 获取结束时间

你可能感兴趣的:(前端)