Question

我使用jQuery DataTables插件，我的问题是我的德语日期没有正确排序。它具有以下格式：dd.mm.YYYY HH:iih

我的代码来了：

的jsfiddle：

HTML：

    <table id="my-table">
   <thead>
      <th>Nr. </th>
      <th>Date</th>
      <th>Name</th>
   </thead>
   <tr>
      <td>1</td>
      <td>27.08.2015 19:00h</td>
      <td>Carl</td>
   </tr>
   <tr>
      <td>2</td>
      <td>10.02.2016 14:00h</td>
      <td>Alan</td>
   </tr>
   <tr>
      <td>3</td>
      <td>07.12.2015 21:00h</td>
      <td>Bobby</td>
   </tr>
</table>

JS（已更新，使用ajax）：

     $('#my-table').DataTable({
            "ajax": 'my_url',
            "columns": [
                {"data": "nr"},
                {"data": "date"},
                {"data": "name"}
            ],
                "autoWidth": false,
                "order": [],
                "fnCreatedRow": function( nRow, aData, iDataIndex ) {
                   var dateFull = aData.date;
                   var dateFullItems = dateFull.split(' ');
                   var dateDatum = dateFullItems[0];
                   var dateDatumItems = dateDatum.split('.');
                  var dateTime = dateFullItems[1];
                  var dateFormat = dateDatumItems[2] + '-' + dateDatumItems[1] + '-' + dateDatumItems[0] + 'T' + dateTime + ':00Z'; 

                  $(nRow).find('td:nth-of-type(2)').attr('data-sort', dateFormat);
            },
            });

我需要在JS中进行哪些调整才能对日期进行分类？

Answer 1

向data-sort添加td属性，其日期以标准格式存储（我在此处使用了ISO格式，即YYYY-MM-DDTHH:ii:ssZ）：

<tr>
  <td>1</td>
  <td data-sort="2015-08-27T19:00:00Z">27.08.2015 19:00h</td>
  <td>Carl</td>
</tr>
<tr>
  <td>2</td>
  <td data-sort="2016-02-10T14:00:00Z">10.02.2016 14:00h</td>
  <td>Alan</td>
</tr>
<tr>
  <td>3</td>
  <td data-sort="2015-12-07T21:00:00Z">07.12.2015 21:00h</td>
  <td>Bobby</td>
</tr>

现在datatables将考虑此data-sort值而不是td的html来对列进行排序。

Live Fiddle

即使您动态创建表，也可以通过两种方式实现此目的：

一个。在生成html时添加data-sort属性。

B中。在使用jQuery创建数据表之后添加data-sort，然后重新启动数据表。

Answer 2

我认为您必须为性别数据脚本使用日期时间格式插件，或者使用插件对您的格式化日期时间进行排序（我推荐Ultimate date / time sorting plug-in）

案例示例：jsfiddle.net/x92amfe4/4 /

Answer 3

您可以通过根据字符串创建JavaScript日期对象来对日期进行排序。然后，您只需要拆分德语日期（“ dd.mm.yy”）并确定一个新日期：

      new Date(date.split('.')[2], date.split('.')[1]-1, date.split('.')[0])

对德国日期进行排序：

dates.sort((a, b) => {
      return new Date(b.split('.')[2], b.split('.')[1]-1, b.split('.')[0]) - new Date(a.split('.')[2], a.split('.')[1]-1, a.split('.')[0]) 
});

注意：您可以使用任何日期格式来创建JavaScript日期对象。

new Date(year, month(0-11) [, day [, hour [, minutes [, seconds [, milliseconds]]]]]);

jQuery DataTables插件：排序德国日期

3 个答案: