使用 jQuery table-sorter 插件对日期列进行排序的问题

Question

我为我的表实现了 jQuery TableSorter 附加组件并且一切正常，除了包含以下格式的特定列：HH:mm, dd.MM，例如09:45, 15.11或15:48, 16.11.正如我之前对这个插件所做的那样，我在 javascript 文件中尝试了这个，它对表格进行了排序：$(function()     $(".my-table").tablesorter({      sortList: [[1,0]], // sorting on the second column      dateFormat : "HH:mm, dd.MM"    });  });但是，它只按 排序HH:mm，这会导致错误的条目（因为它忽略了日期）。是否有另一个特定的日期字符串可以使用它，因为我无法真正更改它，或者有没有办法编写我自己的自定义解析器并使用插件实现它？谢谢！

Answer 1

如果有人偶然发现这种特定的日期格式，我就找到了解决方案。事实证明，TableSorter 插件允许添加自定义解析器，您可以满足自己的需要。关于这里的更多信息 - https://mottie.github.io/tablesorter/docs/example-parsers.html。

在这种特定情况下，它看起来像这样，现在可以工作并且该列是可排序的：

$.tablesorter.addParser({

        id: 'custom_date_parser',

        // Auto-detection

        is: function(date) {

            return false;

        },

        // Normalize data and allow sorting for this specific type

        format: function(date) {

            // get current year

            var current_year = new Date().getFullYear()

            // obtain date values from column

            // current format HH:mm, dd.MM

            var hour = date.slice(0, 2);

            var minutes = date.slice(3, 5);

            var day = date.slice(7, 9);

            var month = date.slice(10, 12);

            // convert to date object

            return date = new Date(current_year, month - 1, day, hour - 1, minutes)

        },

        parsed: false,

        // Type of sorting to use

        type: 'numeric'

    });

// Perform the sorting

    $("#table-name").tablesorter({

        // apply custom parser only to the second column

        headers: {

            1: {

                sorter: 'custom_date_parser'

            }

        }

    });

Answer 2

该dateFormat选项仅允许 3 个设置：（"mmddyyyy"默认）"ddmmyyyy"和"yyyymmdd".

在这种情况下，您需要添加一个自定义列解析器- 请参阅此演示，但它只有一个用于 Sugar.js 库的示例。

特别是，确保加载和使用这个包含 Sugar.js 和 Date.js 库接口的解析器。