Question

我正在使用DataTables和moment并且在表上具有自定义日期格式。如何按时间对列进行排序？在这里，您可以看到sorting不能正确地运行update_at列。我正在使用Datatable的时刻。 Carbon on Model已更改Update_at格式。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">


<div class="table-responsive">
  <table id="tickets-table" class="table table-bordered">
    <thead>
      <tr>
        <th>Name</th>
        <th>User name</th>
        <th>Last update</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>saddsfdsafdfsafsa</td>
        <td>Sqe Begush</td>
        <td>1 hour ago</td>
      </tr>
      <tr>
        <td>testing</td>
        <td>User name</td>
        <td>8 hours ago</td>
      </tr>
      <tr>
        <td>another</td>
        <td>another user</td>
        <td>4 days ago</td>
      </tr>
      <tr>
        <td>another testing</td>
        <td>user user</td>
        <td>1 week ago</td>
      </tr>
      <tr>
        <td>another testingsss</td>
        <td>user user11</td>
        <td>1 year ago</td>
      </tr>
      <tr>
        <td>another test</td>
        <td>user userqww11</td>
        <td>4 months ago</td>
      </tr>
    </tbody>
  </table>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.12/sorting/datetime-moment.js"></script>
<script>
  $(document).ready(function() {
    //$.fn.dataTable.moment("YYYY/MM/DD");
    $('.table').DataTable();
  });
</script>

Answer 1

日期的起源尚不清楚。如果您自己通过moment().fromNow()，则在display类型为sort时停止这样做（请参见下文）。如果您已经从源中获取已格式化的数据，则可以使用chrono之类的库，该库可以将“人类日期”解析为“系统日期”：

var table = $('#tickets-table').DataTable({
  columnDefs: [
    { targets: 2,
      render: function(data, type) {
        if (type == 'sort') {
          var date = chrono.parseDate(data)
          return new Date(date).valueOf()
        } 
        return data
      }
    }
  ]
})

具有上面<table>的演示-> http://jsfiddle.net/mw0c3f91/

Answer 2

您必须将列日期转换为必需的格式，然后对表格进行排序。

moment（col [0]）。fromNow（）;

DataTables矩按自定义格式排序

2 个答案: