首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用自定义排序以HH:MM:SS格式对包含时间的html表进行排序

使用自定义排序以HH:MM:SS格式对包含时间的html表进行排序
EN

Stack Overflow用户
提问于 2017-10-27 19:55:01
回答 1查看 438关注 0票数 1

我尝试过tablesorter以HH:MM:SS格式对时间进行排序,我需要一个可定制的排序来拆分和排序时间,即使时间是以分钟或秒为单位变化的

EN

回答 1

Stack Overflow用户

发布于 2017-10-27 19:58:29

HTML表格排序使用Javascript。

HTML:

代码语言:javascript
运行
复制
<table class="table-bordered" border="1">
    <thead>
        <tr class="Headers">
            <th>Number</th>
            <th>Date start
            </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>
                <tr class="Entries" data-id="23">
            <td data-field-type="string">1652</td>
            <td data-field-type="date">04-12-2013</td>
            <td data-field-type="date">22-10-2015</td>
        </tr>
    </tbody>
</table>

Javascript:

代码语言:javascript
运行
复制
$('tr.Entries').each(function() {
     var $this = $(this),
             t = this.cells[1].textContent.split('-');
     $this.data('_ts', new Date(t[2], t[1]-1, t[0]).getTime());
}).sort(function (a, b) {
    return $(a).data('_ts') > $(b).data('_ts');
}).appendTo('tbody');

Try it here

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46974435

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档