EDITED

Question

有没有办法在JavaScript中使用以下格式的日期字符串（月份名称和年份）对表格进行排序？我试图使用bootstrap表插件，但我认为它只将它排序为字符串，

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

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

Answer 2

在此处使用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>

如何用年份对html表月份名称进行排序

2 个答案:

EDITED