2013-08-04 67 views
0

我有如下表:的tablesorter日期DD.MM.YYYY

<table class='tablesorter'> 
<thead> 
<tr style='font-weight:bold;'><td></td><th>Date</th><th>Name</th><th>Town</th></tr> 
</thead> 
<tbody> 
<tr><td>04.08.2013</td><td>Martin</td><td>Chicago</td></tr> 
<tr><td>04.08.2013</td><td>Justin</td><td>Washington</td></tr> 
<tr><td>04.08.2013</td><td>Paul</td><td>Berlin</td></tr> 
<tr><td>04.08.2013</td><td>Penny</td><td>Prague</td></tr> 
</tbody> 
</table> 

我用下面的tablesorter設置:

<script type="text/javascript" id="js"> 
$(document).ready(function() {  
    $("table").tablesorter({ 
     sortList: [[1,1]] 
     headers: { 
        1: {sorter:"dd.mm.yyyy"}   
       }   
    }); 
    $.tablesorter.addParser({ 
     id: "dd.mm.yyyy", 
     is: function(s) { 
      return false; 
     }, 
     format: function(s) { 
      s = "" + s; 
      var hit = s.match(/(\d{1,2})\.(\d{1,2})\.(\d{4})/); 
      if (hit && hit.length == 4) { 
       return hit[3] + hit[2] + hit[1]; 
      } 
      else { 
       return s; 
      } 
     }, 
     type: "text" 
    }); 
}); 
</script> 

它工作的罰款格式dd.mm.與日期排序列yyyy,但我也需要'排序箭頭'爲自定義用戶排序,如here

任何想法?

感謝

P.S:對不起,我的英語:)

回答

3

嘗試把$.tablesorter.addParser功能的文檔準備功能之外(之前初始化表):

<script> 
$.tablesorter.addParser({ 
    id: "dd.mm.yyyy", 
    is: function(s) { 
     return false; 
    }, 
    format: function(s) { 
     s = "" + s; 
     var hit = s.match(/(\d{1,2})\.(\d{1,2})\.(\d{4})/); 
     if (hit && hit.length == 4) { 
      return hit[3] + hit[2] + hit[1]; 
     } else { 
      return s; 
     } 
    }, 
    type: "text" 
}); 
$(function() {  
    $("table").tablesorter({ 
     sortList: [[1,1]], // add the missing comma here! 
     headers: { 
      1: {sorter:"dd.mm.yyyy"}   
     }   
    }); 
}); 
</script> 
相關問題