javascript - 使用 jQuery 按第一个日期列对 html 表行进行排序

标签 javascript jquery html

我有一个表格,每行开始日期和结束日期都有两个日期列 我想使用 jQuery 按开始日期对表格行进行排序

下面是表格html代码:

<table class="table-bordered">
  <thead>
    <tr class="Headers">
      <th>Number</th>
      <th>Date Start</a></th>
      <th>Date End</th>
    </tr>
  </thead>
  <tbody>
    <tr class="Entries" data-id="13">
      <td data-field-type="string">1234</td>
      <td data-field-type="date">01-04-2015</td>
      <td data-field-type="date">01-04-2015</td>
    </tr>
    <tr class="Entries" data-id="24">
      <td data-field-type="string">1352</td>
      <td data-field-type="date">04-10-2012</td>
      <td data-field-type="date">23-10-2015</td>
    </tr>
    <tr class="Entries" data-id="8">
      <td data-field-type="string">1124</td>
      <td data-field-type="date">13-05-2014</td>
      <td data-field-type="date">01-04-2015</td>
    </tr>
    <tr class="Entries" data-id="23">
      <td data-field-type="string">1652</td>
      <td data-field-type="date">07-11-2013</td>
      <td data-field-type="date">22-10-2015</td>
    </tr>
  </tbody>
</table>

我尝试使用发布的类似解决方案 here但没有成功。 JSFiddle

最佳答案

看看这个网站。看起来这就是你想要做的。 http://www.kryogenix.org/code/browser/sorttable/

关于javascript - 使用 jQuery 按第一个日期列对 html 表行进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29571613/

相关文章:

javascript - 如何阻止 Node js服务器崩溃

javascript - DOMException 在 Chrome 中有堆栈,但在 Firefox 中没有

Jquery 自动完成 : using tab to select first item and remain focus on search box

jquery - 如果链接仅显示源代码并将其连接到我的 html,如何下载 Jquery

css - 仅在一个部分/div 中 float 一个部分

javascript - 重复数组在一定限度内上下移动

javascript - 单击按钮时,使用 Jquery 验证至少一行必须移动到自定义表

javascript - 自动完成:在最后一项上按向下箭头键后如何专注于第一项?

html - 修复第一个和最后一个 div css

javascript - 使div按顺序倒退