Verwenden Sie benutzerdefinierte Sortierung, um eine HTML-Tabelle mit der Zeit in HH: MM: SS-Format

zu sortieren Ich habe versucht, Sorter die Zeit im Format HH: MM: SS. Aber ich brauche eine anpassbare Sortierung, um die Zeit zu teilen und zu sortieren, auch wenn Zeit variiert von Minuten oder SekundenVerwenden Sie benutzerdefinierte Sortierung, um eine HTML-Tabelle mit der Zeit in HH: MM: SS-Format

Quelle

2017-10-27 Kalyan Chakravarthy Bodi

Bitte zeigen Sie, was Sie versucht haben und bieten ein [MCVE] – charlietfl

Es wäre hilfreich, wenn Sie ein Beispiel teilen Sortierzeit mit hh: mm: ss-Format. Ich schaute auf die folgende Option von tablesorter https://mottie.github.io/tablesorter/docs/example-option-date-format.html, aber es formatiert nicht nach Zeit . –

Dies ist im Wesentlichen ein Duplikat von https://stackoverflow.com/questions/27021789/sorting-time-hhmmss-with-tablesorter-plugin – Mottie

-1

HTML-Tabelle mit Javascript sortieren.

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

Try it here

Quelle

2017-10-27 11:58:28

Ich bin ein neuer Bie zu den Javascript-Bereich .. es wäre hilfreich, wenn Sie können Anleitung mit einem Beispiel für diese –

Es gibt viele Möglichkeiten, wenn Sie Javascript verwenden. Hier ist die Beispiele sortieren HTML-Tabelle mit Datum von Javascript [http://jsfiddle.net/laupkram/kCxKn/]. Abgeleitet von https://stackoverflow.com/questions/12968886/sorting-dates-in-a-table-by-javascript ... Danke. –

Verwenden Sie benutzerdefinierte Sortierung, um eine HTML-Tabelle mit der Zeit in HH: MM: SS-Format

Antwort

Verwandte Themen