сортировать поле даты с tablesorter

Question

Я использую плагин JQuery tablesorter. Таблица имеет столбец, который показывает даты в формате 05 Mar 2012. TableSorter плагин, кажется, рассматривать этот столбец как текст, так как он сортирует их в порядке

• 05 Mar 2012
• 6 января 2012
• +07 Декабрь 2012

Как сортировать эти даты в хронологическом порядке?

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/

EDIT: даты легко конвертировать в формат показано:

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

Answer 3

Есть не иногда использовал tablesorter, но я, похоже, помню, что имел аналогичную проблему с датами в Великобритании.

Вы можете добавить параметр dateformat в плагин tablesorter с помощью настраиваемого формата даты.

dateFormat: 'dd MMM yyyy' 

Answer 4

Вы также можете добавить скрытый тег span перед своей датой в цифровом формате (yyyymmdd). Этот текст будет первым и будет использоваться для сортировки, но он будет скрыт от поля зрения и отобразит только тот формат, который вы хотите.

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