Используйте пользовательскую сортировку для сортировки html-таблицы по времени в формате ЧЧ: ММ: СС.

Question

Используйте пользовательскую сортировку для сортировки html-таблицы по времени в формате ЧЧ: ММ: СС.

1

Я попробовал tablesorter сортировать время в формате HH: MM: SS. Но мне нужен настраиваемый вид для разделения и сортировки времени, даже если время изменяется на минуты или секунды

Kalyan Chakravarthy Bodi 27 окт. 2017, в 14:23

Источник

1

Пожалуйста, покажите, что вы пробовали, и приведите минимальный воспроизводимый пример.
charlietfl 27 окт. 2017, в 12:00
0

Было бы полезно, если бы вы могли поделиться примером для сортировки времени, используя формат чч: мм: сс. Я рассмотрел следующую опцию tableorter mottie.github.io/tablesorter/docs/…, но она не форматируется по времени.
Kalyan Chakravarthy Bodi 27 окт. 2017, в 12:10
0

По сути это дубликат stackoverflow.com/questions/27021789/…
Mottie 27 окт. 2017, в 16:23

Показать ещё 1 комментарий

Теги:

javascript

tablesorter

1 ответ

Ещё вопросы

Пожалуйста, покажите, что вы пробовали, и приведите минимальный воспроизводимый пример.
Было бы полезно, если бы вы могли поделиться примером для сортировки времени, используя формат чч: мм: сс. Я рассмотрел следующую опцию tableorter mottie.github.io/tablesorter/docs/…, но она не форматируется по времени.
По сути это дубликат stackoverflow.com/questions/27021789/…

Harish Bompally · Answer 1 · 2017-10-27T10-07-00.000Z

Сортировка таблицы HTML с использованием Javascript.

HTML:

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

$('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');

Попробуйте здесь

Я новичок в области JavaScript. Было бы полезно, если вы можете привести пример для этого
Есть много способов, если вы используете JavaScript. Вот примеры сортировки HTML-таблицы с использованием даты по javascript [ jsfiddle.net/laupkram/kCxKn/] . По ссылке от stackoverflow.com/questions/12968886/… ... Спасибо.