jquery tablesorter 的排序日期/时间不正确

Question

我正在使用插件 Tablesorter。我无法正确配置对其中一列进行排序。看起来像这样（天时分）：

0d04h11m
4d22h26m
27d20h14m
0d09h50m
2d02h34m
1d11h02m

我尝试申请{sorter:'digits'}

排序后：

4d22h26m
2d02h34m
27d20h14m
1d11h02m
0d09h50m
0d04h11m

那不是真正的排序，如果是两位数的天数。

我该如何解决这个问题？

Answer 1

UPDATED

您可以使用此功能对日期进行排序：

$(function() {
  var sortDates = (function(){
    function dateToNumber(date){
      return parseInt(
        date.match(/\d+/g)
          .map(function(field){
            return field.length === 1 ? '0' + field : field;
          }).join('')
      , 10);
    }
    return function(date1, date2){
      return dateToNumber(date1) - dateToNumber(date2);
    };
  }());

  $("#table").tablesorter({
    textSorter : {
      1 : sortDates
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.25.1/js/jquery.tablesorter.min.js"></script>

<table id="table">
  <thead>
    <tr>
      <th>dates</th>
    </tr>
  </thead>
  <tr>
    <td>0d04h11m</td>
  </tr>
  <tr>
    <td>4d22h26m</td>
  </tr>
  <tr>
    <td>27d20h14m</td>
  </tr>
  <tr>
    <td>0d09h50m</td>
  </tr>
  <tr>
    <td>2d02h34m</td>
  </tr>
  <tr>
    <td>1d11h02m</td>
  </tr>
</table>

Answer 2

您需要添加自己的解析器：

免责声明：只有当您的数据始终具有相同的格式时，以下内容才有效。否则，如果你能有4d、4d1h这样的东西，你就得另想办法了。

$.tablesorter.addParser({
    id: 'custom_sort_function',
    is: function(s) {
        return false;
    },
    format: function(s) {
        return parseInt(s.replace(/\D/g, ''), 10); // '0d04h11m' --> '00411' --> 411
    },
    type: 'numeric'
});

然后你添加：

{sorter:'custom_sort_function'}

如需更多功能，see the docs。

编辑：

这个函数会给你一个更安全的解析器：

format: function(s) {
    var regexParser = /(?:([0-9]{1,2})d)?(?:([0-9]{1,2})h)?(?:([0-9]{1,2})m)?(?:([0-9]{1,2})s)?/;
    var matches = regexParser.exec(s);
    var days = parseInt(matches[1], 10) || 0;
    var hours = parseInt(matches[2], 10) || 0;
    var minutes = parseInt(matches[3], 10) || 0;
    var seconds = parseInt(matches[4], 10) || 0;

    return  ((days * 24 + hours) * 60 + minutes) * 60 + seconds;
}

如果你加上这个：

is: function(s) {
    return /^(?:([0-9]{1,2})d)?(?:([0-9]{1,2})h)?(?:([0-9]{1,2})m)?(?:([0-9]{1,2})s)?$/.test(s);
}

您将拥有一个自动解析器，因此您将不需要 {sorter: 'custom_sort_function'}。

jquery tablesorter 的排序日期/时间不正确

Incorrect sorting date / time with jquery tablesorter

javascript

sorting

jquery

tablesorter

UPDATED

编辑：