如何排序html表的月份名称与年

是否有一种方法在JavaScript中对日期字符串(月名和年)的以下格式的表进行排序?我试图使用引导表插件，但我认为它只排序为字符串，

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

使用排序表，我经常使用它，它工作得很好。还有一个选项可以按照你想要的方式对日期进行排序，点击这里查看

<标题>

如果你真的想用月份的文本而不是数字来保持日期的格式，你必须使用自定义值来排序。

下面是一个使用你的代码的例子。

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

使用排序表。看看这个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>

相关内容

最新更新

热门标签：