日期范围筛选器

基于不同列中的两个日期筛选表格

作者：guillimon

在特定日期范围内筛选列。请注意，您可能需要更改输入框中的 ID 以及开始和结束日期存在的列。

用法

可以通过多种不同方式获取和使用此插件。

浏览器

可在 DataTables CDN 上获得此插件

然后，插件将自动在全局 DataTables 实例中注册。如果您使用 AMD 加载器（如 Require.js），也可以使用此文件。

请注意，如果您使用多个插件，最好将这些插件合并到单个文件中并在您自己的服务器上托管，而不是向 DataTables CDN 发出多个请求，这在性能方面更有利。

NPM

所有插件都可以在 NPM（与 Yarn 或任何其他 Javascript 包管理器配合使用）中作为 datatables.net-plugins 软件包的一部分获得。要使用此插件，请首先安装插件包

npm install datatables.net-plugins

ES 模块

然后，如果您使用 ES 模块，请导入 datatables.net、所需的任何其他 DataTables 扩展以及插件

import DataTable from 'datatables.net';
import 'datatables.net-plugins/filtering/row-based/range_dates.mjs';

CommonJS

如果您为 Node 使用 CommonJS 加载器（例如，使用旧版 Webpack 或非模块 Node 代码），请使用以下方法来 require 插件

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/filtering/row-based/range_dates.js');

示例

$(document).ready(function() {
      var table = $('#example').DataTable();

      // Add event listeners to the two range filtering inputs
      $('#min').keyup( function() { table.draw(); } );
      $('#max').keyup( function() { table.draw(); } );
  } );

版本控制

如果您有任何有关如何改进此插件的想法，或发现任何错误，请在 GitHub 上提供反馈，非常欢迎提交请求！

此插件：range_dates.js
完整 DataTables 插件存储库：DataTables/Plugins