Question

请不要将其标记为重复，因为我在任何地方都找不到解决方案。

以下行无法在DataTable中一起对日期和时间进行排序。

其次，我使用了以下代码来进行排序，但它没有：

$.fn.dataTable.moment('HH:mm dd/mm/YY');
    //$.fn.dataTable.moment( 'DD-MM-YYYY HH:mm' );

和DataTable初始化我使用了以下代码：

$('.dataTable').DataTable({
    ordering: true,
    paging: true,
    searching: true,
    dom: 'Bftripl',
    buttons: [
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ],
    "columnDefs": [
        //{ "type": "date-euro", targets: 1 }
        //{ "sType": "date-uk", targets: 1 }
    ]
});

我添加了文件：datetime-moment.js

没有用于整理date column的代码，所以请任何人帮助或在jsFiddle上提供示例。

感谢高级朋友们：）

对于 Anan ，您的代码会给我以下输出：使用更新后的代码但无法传递数据，因为我使用php将数据输入表格....

$.fn.dataTable.moment( 'HH:mm DD/MM/YYYY' );
$('.dataTable').DataTable({
    ordering: true,
    paging: true,
    searching: true,
    dom: 'Bftripl',
    buttons: [
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ]
});

但遗憾的是没有奏效:(

Answer 1

它是因为你的时间格式错了;看看这个：

有我的例子：http://live.datatables.net/xedayaxi/1/edit

根据作者的说法，将数据放在html中，只看这个例子：

＆＃13;

$(document).ready( function () {

  $.fn.dataTable.moment( 'HH:mm DD/MM/YYYY' );
   
  var table = $('#example').DataTable({
    ordering: true,
    paging: true,
    searching: false,

  });
} );

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
    <script src="//cdn.datatables.net/plug-ins/1.10.12/sorting/datetime-moment.js"></script>
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
    <div class="container">
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>time</th>

            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>time</th>

            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>19:46 30/06/2016</td>

            </tr>
            <tr>
                <td>14:46 29/06/2016</td>

            </tr>
            <tr>
                <td>19:46 29/07/2018</td>

            </tr>
            <tr>
                <td>02:16 29/06/2016</td>

            </tr>
            <tr>
                <td>16:46 29/06/2017</td>

            </tr>

          
        </tbody>
    </table>
    </div>
  </body>
</html>

＆＃13;

DataTable时刻不适用于排序日期时间列？

1 个答案: