具有特定日期的jQuery tablesorter

时间:2012-06-17 15:30:24

标签: jquery tablesorter

我想使用jQuery tablesorter使用以下格式对日期列进行排序:18:44:12 17/06/2012

任何想法如何?

2 个答案:

答案 0 :(得分:0)

第一个问题是将日期文本解析为javascript Date object将识别的格式。转换为日期后,插件会将日期视为数字排序类型。这是一个适合您格式的解析器。

DEMO:http://jsfiddle.net/H9u7C/1/

$.tablesorter.addParser({

    // set a unique id
    id: 'changeToDate',
    is: function(s) {
        // return false so this parser is not auto detected
        return false;
    },

    format: function(s) {
        var a = $.trim(s).split(' ');
        var time = a[0];
        var dateParts = a[1].split('/');
        var dateText = [dateParts[1], dateParts[0], dateParts[2]].join('/') + ' ' + time;
        var dateObj = new Date(dateText);
        return dateObj;

    },

    type: 'numeric'
});

用法如插件网站上的自定义解析器演示中所述

http://tablesorter.com/docs/example-parsers.html

答案 1 :(得分:0)

我对tablesorter 2.0也有同样的问题。 日期dd / mm / yy在982行错误...

s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/, "$1/$2/$3");

错了,正确的是

s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/, "$3/$2/$1");

我的ts.addParser({id:“shortDate”...是:

ts.addParser({
        id: "shortDate",
        is: function (s) {
            return /\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s);
        }, format: function (s, table) {
            var c = table.config;
            s = s.replace(/\-/g, "/");
            if (c.dateFormat == "us") {
                // reformat the string in ISO format
                s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$1/$2");
            } else if (c.dateFormat == "uk") {
                // reformat the string in ISO format
                s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$2/$1");
            } else if (c.dateFormat == "dd/mm/yy" || c.dateFormat == "dd-mm-yy") {
                s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/, "$3/$2/$1");
            } else if (c.dateFormat == "dd/mm/yyyy" || c.dateFormat == "dd-mm-yyyy") {
                s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$2/$1");
            }
            return $.tablesorter.formatFloat(new Date(s).getTime());
        }, type: "numeric"
    });

我添加了dd / mm / yyyy案例。对于约会,我不知道...... :(

您必须将dateFormat:“dd / mm / yyyy”作为参数。