javascript - 如何对 html 表月份名称与年份进行排序

标签 javascript jquery twitter-bootstrap html-table tablesorter

有没有办法在 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>

最佳答案

使用sorttable ,我经常用,效果很好。 还有一个选项可以完全按照您想要的方式对日期进行排序,请查看 here

已编辑

如果您确实想将日期保留为该格式,并使用月份文本而不是数字,则必须使用自定义值进行排序。

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>

关于javascript - 如何对 html 表月份名称与年份进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40512912/

相关文章:

jquery - jQuery UI Bootstrap 对话框中未添加按钮类

javascript改变样式

javascript - react : Unable to update children props

javascript - 为什么带 # 的链接在 Firefox 和 Safari 中不起作用?

javascript - 如何使用 JQuery 修改输入的标签

PHP 深度扩展数组

css - Bootstrap - 列内的全高行

javascript - 在 Electron 中访问剪贴板

javascript - 当 TD 包含特定类时隐藏 TR

jquery - Bootstrap 中的内容重叠