Sortierung von langen Datums mit jQuery tablesorter

Question

Ich bin neu in jQuery etc. aber ich baue eine Website mit HTML-Tabellen und habe es geschafft, jQuery tablettorter arbeiten zu lassen. Jedoch in einer der Spalten habe ich lange Tage, wie 5. Juni 2017.

Wenn nach dem Datum Spalte sortiert wird die Zeilen wie diese Sortierung:

6. Juli 2017

29. Juni 2017

21. Mai 2018

der Code, den ich im Kopfteil verwende ist:

<!-- load jQuery and tablesorter scripts --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="js/jquery.tablesorter.js"></script> 
<script> 
$(document).ready(function() { 
    $("#myTable").tablesorter({sortList: [[0,1]]}); 
}); 
</script> 

Und meine Tabelle sieht wie folgt aus:

<table id="myTable" class="table table-bordered table-striped tablesorter"> 
        <colgroup> 
         <col class="col-lg-2"> 
         <col class="col-lg-2"> 
         <col class="col-lg-5"> 
         <col class="col-lg-3"> 
        </colgroup> 
        <thead> 
         <tr> 
          <th>Date</th> 
          <th>Location</th> 
          <th>Event</th> 
          <th>Organiser</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>29 Jun, 2017</td> 
          <td>New York</td> 
          <td>Book Club</td> 
          <td>John Smith</td> 
         </tr> 
         <tr> 
          <td>6 Jul, 2017</td> 
          <td>New York</td> 
          <td>Book Club</td> 
          <td>John Smith</td> 
         </tr> 
         <tr> 
          <td>21 May, 2018</td> 
          <td>Chicago</td> 
          <td>Book Expo</td> 
          <td>Bob Smith</td> 
         </tr> 
        </tbody> 
       </table> 

Jede Hilfe wäre sehr willkommen!

Answer 1

Sie können die Option shortDate parser und data-date-format innerhalb Ihres th-Tags für die Datumsspalte verwenden. Hier ist Jsfiddle für Ihren Code https://jsfiddle.net/savicmi/htLdapj8/<th data-sorter="shortDate" data-date-format="d MMM yyyy">Date</th>.

Weitere Informationen zu den Datumsformatoptionen von settersorter finden Sie unter https://mottie.github.io/tablesorter/docs/example-option-date-format.html.