終極日期 / 時間排序

使用 luxon 排序任何格式的日期和時間

  • 作者:Allan Jardine
  • 已棄用:此外掛程式已棄用,並由其他功能取代。請參閱以下詳細說明以瞭解更多資訊。

此 DataTables 外掛程式代表了正確排序日期/時間字串的終極可擴展選項。它使用 luxon 為 DataTables 建立基於給定格式的自動類型偵測和排序外掛程式。這樣,DataTables 將自動偵測您的時間資訊並正確排序。

有關使用說明,請參閱 DataTables 部落格文章介紹它

使用方法

此外掛程式可以通過多種不同的方式獲得和使用。

瀏覽器

此外掛程式在 DataTables CDN 上可用

JS

然後,外掛程式將自動向全域 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/sorting/datetime-luxon.mjs';

CommonJS

如果您正在為 Node 使用 CommonJS 加載器(例如,使用較舊版本的 Webpack 或非模組 Node 程式碼),請使用以下方法 require 外掛程式

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/datetime-luxon.js');

範例

$.fn.dataTable.luxon( 'HH:mm MMM d, yy' );
  $.fn.dataTable.luxon( 'EEE, MMMM Do, yyyy' );

  $('#example').DataTable();

版本控制

如果您對如何改進此外掛程式有任何想法,或發現任何錯誤,它可以在 GitHub 上使用,並且非常歡迎提出 Pull Request!