jQuery Сортировка данных по дате с текстом

Question

У меня довольно простой jQuery datatable, состоящий из нескольких столбцов, и у меня есть один столбец, содержащий тему, дату и краткое описание.

То, что я хотел бы сделать, это отсортировать столбец только к установленному сроку и игнорировать остальные. Это отлично работает, если у меня есть только дата, но как только я добавляю текст добавления, он больше не сортируется должным образом.

Вот фрагмент кода JQuery:

$(document).ready(function() { 

     $('#casesDataTable').dataTable(
     { 
      "sPaginationType": "full_numbers", 
      "aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]], 
      "iDisplayLength": 100, 
      "aaSorting": [[1, "desc"]] 
     }); 
    }); 

А вот фрагмент из HTML-кода без CSS:

<tr> 
    <th id="subject" style="width:40%;"> 
     Subject & Due Date 
     <span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n"></span> 
    </th> 

    <th id="modified" style="width:10%;"> 
     Last Modified 
     <span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n"></span> 
    </th> 

</tr> 

<td class="center subject"> 
    <span style="display: none;">9/26/2011</span> 
     <div class="padding"> 
      tester 3 
     </div> 
     <div class="padding duedate"> 
     <p>9/26/2011 - Mauris nulla mauris, ornare quis accumsan vitae, consectetur non sapien. In congue dui in sem cursus eleifend. Ut non suscipit augue. Praesent euismod auctor felis, eget pharetra justo euismod a. </p> 
     </div> 
</td> 

<td class="center sorting_1"> 
    2/9/2011 
</td> 

<td class="center subject"> 
    <span style="display: none;">4/30/2013</span> 
     <div class="padding"> 
      tester 1 
     </div> 
     <div class="padding duedate"> 
      <p>4/30/2013 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque adipiscing rutrum lacinia. Donec ullamcorper ligula eu purus semper semper. Sed in est et nibh condimentum semper quis ultricies u...</p> 
     </div> 
</td> 

<td class="center sorting_1"> 
    4/15/2013 
</td> 

<td class="center subject"> 
    <span style="display: none;">5/16/2012</span> 
       <div class="padding"> 
        tester 2 
       </div> 
       <div class="padding duedate"> 
       <p>5/16/2012 - Nullam viverra, urna a tempus scelerisque, odio purus ultricies nibh, mollis pellentesque justo est quis augue. Quisque nec odio libero, tempus viverra leo.</p> 
       </div> 
    </td> 

    <td class="center sorting_1"> 
     2/9/2012 
    </td> 

<td class="center subject"> 
    <span style="display: none;">5/16/2010</span> 
       <div class="padding"> 
        tester 4 
       </div> 
       <div class="padding duedate"> 
       <p>5/16/2010 - In vulputate rutrum elit nec mattis. Integer ullamcorper vestibulum sapien adipiscing gravida. Nullam quis ante diam, vel luctus elit. Quisque id adipiscing erat. ?</p> 
       </div> 
    </td> 

    <td class="center sorting_1"> 
     2/9/2010 
    </td> 

Когда я запускаю этот скрипт и сортировать по «Последние изменения» он работает хорошо, но если я сортирую по «Subject & Впритык» он путает, когда я пытаясь заставить его сортировать по дате, которая находится в скрытом диапазоне после каждого.

Кто-нибудь знает, как это сделать или может видеть, что я делаю неправильно?

Answer 1

У меня была аналогичная проблема, и я нашел решение на днях.

Для любого столбца вы можете указать параметр iDataSort, который определяет альтернативный столбец для сортировки. Вы можете комбинировать это с дополнительным столбцом, в котором вы только что указали дату, но скрыть этот столбец, используя bVisible = false.

Смотрите колонки помощь в http://datatables.net/usage/columns