如何在带日期范围筛选的DataTables中配置启用/禁用分页、排序等功能

其实整合起来非常简单，只需要把你的功能配置参数直接传入DataTables的初始化方法中，同时保留原有的日期范围筛选逻辑就可以了——这两部分功能完全独立、互不冲突。

我已经帮你把代码整合好了，你可以直接使用：

var minDate, maxDate;

// 自定义日期范围筛选函数
$.fn.dataTable.ext.search.push(
    function( settings, data, dataIndex ) {
        var min = minDate.val();
        var max = maxDate.val();
        var date = new Date( data[3] );

        if (
            ( min === null && max === null ) ||
            ( min === null && date <= max ) ||
            ( min <= date && max === null ) ||
            ( min <= date && date <= max )
        ) {
            return true;
        }
        return false;
    }
);

$(document).ready(function() {
    // 创建日期选择器
    minDate = new DateTime($('#min'), {
        format: 'MMMM Do YYYY'
    });
    maxDate = new DateTime($('#max'), {
        format: 'MMMM Do YYYY'
    });

    // 整合配置的DataTables初始化
    var table = $('#dbTable').DataTable( {
        "paging": false,
        "ordering": false,
        "info": false
        // 你还可以在这里添加其他需要的配置，比如"searching": false之类的
    } );

    // 日期变化时重新筛选表格
    $('#min, #max').on('change', function () {
        table.draw();
    });
});

关键点说明： #

• 原有的日期范围筛选逻辑（$.fn.dataTable.ext.search.push部分）不需要修改，它属于DataTables的扩展搜索功能，和基础配置完全独立。
• 把你需要的功能配置（比如禁用分页、排序、信息显示）直接作为对象参数传入DataTable()方法中，替代原来空的初始化调用即可。
• 所有初始化逻辑都放在同一个$(document).ready函数里，代码结构更清晰易维护。

如果之后需要调整其他DataTables配置（比如开启搜索、自定义列宽等），直接在初始化的配置对象里添加对应的参数就可以了。

内容的提问来源于stack exchange，提问作者Ike lagos