排序日期字段与tablesorter

Question

我正在使用JQuery tablesorter插件。该表有一列显示格式为05 Mar 2012的日期。该tablesorter插件似乎把这个列文本，因为它的顺序排序，

• 2012年3月5日
• 2012年1月6日
• 2012年12月7日

我如何排序这些按照时间顺序排列？

Answer 1

将日期字符串解析为日期，然后将其转换为毫秒。让tablesorter将该列作为数字进行排序。

$.tablesorter.addParser({ 
    id: 'my_date_column', 
    is: function(s) { 
     // return false so this parser is not auto detected 
     return false; 
    }, 
    format: function(s) { 
     var timeInMillis = new Date.parse(s); 
     return timeInMillis;   
    }, 
    // set type, either numeric or text 
    type: 'numeric' 
}); 

$(function() { 
    $("table").tablesorter({ 
     headers: { 
      6: {  // Change this to your column position 
       sorter:'my_date_column' 
      } 
     } 
    }); 
}); 

如果您在使用Date.parse，see my answer to this question时遇到问题。

Answer 2

您将需要使用addParser方法并创建一个将字符串转换为日期对象的解析器。

遵循例如在插件网站 http://tablesorter.com/docs/example-parsers.html

如果需要的日期解析器：

http://www.datejs.com/

编辑：您的日期格式轻松转换图所示：

console.log(new Date('05 Mar 2012'))// logs proper date object 

Answer 3

有不在一段时间内使用tablesorter，但我似乎记得与英国日期有类似的问题。

您可以使用您的自定义日期格式将dateformat参数添加到tablesorter插件。

dateFormat: 'dd MMM yyyy' 

Answer 4

您还可以在日期之前以数字格式（yyyymmdd）添加隐藏的span标签。该文本将首先出现并用于排序，但它将被隐藏起来，只显示您想要的格式。

<td><span style="display:none">20130923</span>23rd September 2013</td>