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

热尔根·哲科夫(Gergan Zhekov)

我为我的表实现了jQuery TableSorter附加组件,并且所有工作正常,但该特定列包含以下格式:HH:mm, dd.MM,例如09:45, 15.1115:48, 16.11

就像我之前使用此插件所做的那样,我尝试了在javascript文件中对表进行排序:

$(function() 
    $(".my-table").tablesorter({
      sortList: [[1,0]], // sorting on the second column
      dateFormat : "HH:mm, dd.MM"
    });
  });

但是,它仅按进行排序HH:mm,这会导致输入错误(因为它会忽略日期)。是否有另一个特定的日期字符串可以使用,因为我无法真正更改它,或者有没有办法编写自己的自定义解析器并使用插件来实现?谢谢!

热尔根·哲科夫(Gergan Zhekov)

如果有人偶然发现了这种特定的日期格式,我就找到了解决方案。事实证明,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'
            }
        }
    });

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用asp.net的jQuery Table Sorter对Gridview进行排序

Tablesorter使用相对日期列对表进行排序

使用groupby熊猫对日期进行排序

使用openrefine对日期进行多面排序

使用vba对日期进行排序

无法使用结构对日期进行排序

使用JavaScript(jQuery)对<table>进行排序

如何在CellTable GWT中使用空单元格对日期列进行排序

使用R中的data.table对日期进行排名时的效率

无法使用 Order by Clause 对日期进行排序

使用dd / mm / yyyy格式的JavaScript对日期进行排序

如何使用MongoDB中的汇总对日期进行排序

使用DateTime-> compare()对日期进行排序

使用 JavaScript 以字符串格式对日期进行排序

如何使用AM | PM对日期文件进行排序

使用asort()对日期进行排序的数组无法正常工作

使用熊猫对日期进行年月排序

使用asort()对日期数组进行排序

如何使用 Python 从列表中对日期进行排序

使用Lambda表达式对日期进行排序

如何使用jQuery在asp.net ListBox中对日期进行排序

如果使用格式化程序进行显示,如何在bootstrap-vue中对日期列进行排序?

jQuery DataTables插件:对德语日期进行排序

jqgrid:对日期列进行排序时,MySQL特定的问题

如何使用格式为'dd / mm / yyyy-dd / mm / yyyy'的jquery tablesorter对日期进行排序

如何使用md-order-by属性对md-data-table上具有日期的列进行排序

如何使用多列向量对data.table进行排序

如何使用 matSort 对 mat-table 中的列进行排序?

如何使用数组中的 moment.js 按降序对日期进行排序