Wie HTML-Tabelle Monat Name mit Jahr sortieren

Gibt es eine Möglichkeit, eine Tabelle mit dem folgenden Format der Datumszeichenfolge (Monatsname und Jahr) in JavaScript zu sortieren? Ich habe versucht, die Bootstrap-Tabelle Plugin zu verwenden, aber ich denke, es ist nur sortieren sie als String,Wie HTML-Tabelle Monat Name mit Jahr sortieren

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

Quelle

2016-11-09 Pat

fügen Sie den Code, der Sie bereits versucht – Dekel

im Grunde alle, der Code ist, muß nur den Bootstrap-JS und CSS ist, und es wird zu sortieren die Lage sein, aber eben nicht sortiert richtig mit jenem Datum – Pat

so hinzufügen Sie. Erstellen Sie ein vollständiges ** funktionierendes ** Beispiel, das (nicht Code, echte Ansicht) zeigt, was das Problem ist. – Dekel

Verwendung sorttable, habe ich es oft und es funktioniert gut. Es gibt auch eine Option Daten genau zu sortieren, wie Sie es wollen, ist es here

EDITED Besuche

Wenn Sie wirklich die Daten in diesem Format mit Text für den Monat statt Ziffern behalten möchten, Sie‘ Ich muss mit benutzerdefinierten Wert für die Sortierung gehen.

here ist ein Beispiel mit Ihrem Code.

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

Quelle

2016-11-09 17:47:59

hast du ein Beispiel, das ich sehen kann? der Monat dort ist in der Zahl, nicht der Monatsname auf englisch – Pat

Ich redigierte es gerade mit einer Probe für Sie. –

Verwenden Sie sorttable hier. Werfen Sie einen Blick auf diese http://plnkr.co/edit/6mT3QxKcMZEimmxl3Cpx?p=preview. Sollte ziemlich geradlinig sein.

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

Quelle

2016-11-09 18:13:42 zee

Wie HTML-Tabelle Monat Name mit Jahr sortieren

Antwort

Verwandte Themen