时间跨度

正确排序缩写的时间跨度 (2d 3h, 2h 8m, 3m 8s, 30s 等)

处理流逝时间时,通常将诸如 d(天)、h(小时)、m(分钟)或 s(秒)之类的后缀附加到字符串中,以便轻松表示距今的短暂持续时间。此插件允许对这些大小指示符进行排序。

还提供了对应的类型检测插件。

用例

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

浏览器

此插件可在 DataTables CDN 上获得

JS

然后插件将自动针对一个全局 DataTables 实例注册自身。如果您使用的是 AMD 加载器(例如 Require.js),也可使用此文件。

请注意,如果您使用的是多个插件,那么将其合并到一个文件中并在自己的服务器上托管,可能会提高性能,而不是对 DataTables CDN 发出多个请求。

NPM

所有插件都作为 datatables.net-plugins package 的一部分在 NPM 上可用(也可以与 Yarn 或任何其他 Javascript 包管理器一起使用)。要使用此插件,请先安装插件包

npm install datatables.net-plugins

ES 模块

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

import DataTable from 'datatables.net';
import 'datatables.net-plugins/sorting/time-elapsed-dhms.mjs';

CommonJS

如果您为 Node 使用的是 CommonJS 加载器(例如较旧版本的 Webpack 或非模块化 Node 代码),请使用以下方法来 require 插件

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/time-elapsed-dhms.js');

示例

$('#example').DataTable( {
     columnDefs: [
       { type: 'time-elapsed-dhms', targets: 0 }
     ]
  } );

版本控制

如果您有任何关于如何改进此插件的想法,或者发现了任何错误,可以在 GitHub 上获得它,并且非常欢迎提出请求!