2016-11-09 35 views
0

是否有一種方法可以在JavaScript中使用以下格式的日期字符串(月份名稱和年份)對錶格進行排序?我試圖用舉表插件,但我認爲這只是排序它作爲字符串,如何在一年中對html表的月份名稱進行排序

<table data-toggle="table" > 
<thead> 
    <tr><th>name</th><th data-sortable="true" >date</th></tr> 
</thead> 
<tbody> 
    <tr><td>row1</td><td>Dec 2004</td></tr> 
    <tr><td>row2</td><td>Jan 2010</td></tr> 
    <tr><td>row3</td><td>Feb 2011</td></tr> 
    <tr><td>row4</td><td>Feb 2010</td></tr> 
</tbody> 
</table> 
+2

補充一點,你已經嘗試過 – Dekel

+0

基本上這些都是所有的代碼,只需要包括引導JS和CSS代碼,它就能進行排序,只是不排序正確地與那些日期 – Pat

+0

所以加他們。建立一個完整的**工作**示例,顯示(不是代碼,實際視圖)是什麼問題。 – Dekel

回答

1

使用sorttable,我用它常常和它運作良好。 也有將日期完全一樣,你想讓它的排序依據選項,檢查出來here

EDITED

如果你真的想保持在該格式的日期文本月,而不是數字,你」必須使用自定義值進行排序。

here是一個使用你的代碼的例子。

<html> 
    <head> 
    <script src="http://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script> 
    </head> 
    <body> 
    <table class="sortable"> 
     <thead> 
     <tr><th>name</th><th>date</th></tr> 
     </thead> 
     <tbody> 
     <tr><td>row1</td><td sorttable_customkey="20041200">Dec 2004</td></tr> 
     <tr><td>row2</td><td sorttable_customkey="20100100">Jan 2010</td></tr> 
     <tr><td>row3</td><td sorttable_customkey="20110200">Feb 2011</td></tr> 
     <tr><td>row4</td><td sorttable_customkey="20100200">Feb 2010</td></tr> 
     </tbody> 
    </table> 
    </body> 
</html> 
+0

你有沒有我可以看的例子?有數字的月份,而不是英文的月份名稱 – Pat

+0

我剛剛爲您編輯了一個樣本。 –

0

在這裏使用sorttable。看看這個http://plnkr.co/edit/6mT3QxKcMZEimmxl3Cpx?p=preview。應該非常簡單。

<!DOCTYPE html> 
<html> 
    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="http://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script> 
    </head> 
    <body> 
    <h1>Hello Plunker!</h1> 
    <table class="sortable"> 
    <thead> 
     <tr> 
     <th class="">Name</th> 
     <th class="">Salary</th> 
     <th class="">Extension</th> 
     <th class=" sorttable_sorted">Start date<span id="sorttable_sortfwdind">&nbsp;▾</span></th> 
     <th class="">Start date (American)</th> 
    </tr> 
    </thead> 
     <tbody> 
     <tr> 
      <td>Shakespeare, Bill</td> 
      <td>$122000.00</td> 
      <td>3211</td> 
      <td>12/11/1961</td> 
      <td>11/12/1961</td> 
     </tr> 
     <tr> 
      <td>Turvey, Kevin</td> 
      <td>$191200.00</td> 
      <td>2342</td> 
      <td>02/05/1979</td> 
      <td>05/02/1979</td> 
     </tr> 
     <tr> 
      <td>Fitz, Marvin</td> 
      <td>$3300</td> 
      <td>5554</td> 
      <td>22/05/1995</td> 
      <td>05/22/1995</td> 
     </tr> 
     <tr> 
      <td>Mbogo, Arnold</td> 
      <td>$32010.12</td> 
      <td>2755</td> 
      <td>09/08/1998</td> 
      <td>08/09/1998</td> 
     </tr> 
     <tr> 
      <td>Shakespeare, Hamnet</td> 
      <td>$9000</td> 
      <td>9005</td> 
      <td>01/01/2002</td> 
      <td>01/01/2002</td> 
      </tr><tr><td>Bloggs, Fred</td> 
      <td>$12000.00</td> 
      <td>1353</td> 
      <td>18/08/2003</td> 
      <td>08/18/2003</td> 
     </tr> 
     </tbody> 
    </table> 
    </body> 
</html> 
相關問題