使用jQuery tablesorter排序長日期

Question

我是新來的jQuery等，但建立一個網站與HTML表，並設法讓jQuery tablesorter工作。然而，在一列我早就日期就像6月5日，2017年

如果按日期列排序，它的排序是這樣的行：

2017年7月6日

2017年6月29日

2018年5月21日

的代碼我使用的頭部分是：

<!-- 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> 

我的表看起來像這樣：

<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> 

任何幫助將不勝感激！

Answer 1

您可以在日期列的th標記內使用shortDate分析器和data-date-format選項。這裏是你的代碼jsfiddle https://jsfiddle.net/savicmi/htLdapj8/<th data-sorter="shortDate" data-date-format="d MMM yyyy">Date</th>。

更多關於https://mottie.github.io/tablesorter/docs/example-option-date-format.html的tablesorter日期格式選項。