数据表的排序日期(d / m / Y H:i A)

时间:2017-04-17 09:19:30

标签: javascript php jquery html datatable

我还是数据表的新手。我的日期格式为 01/10/2011 10:10 AM ,我想对其进行排序。我已经阅读了有关可用的插件但我仍然无法正确排序,因为它只根据日期而不是月份和年份进行排序。

<script type="text/javascript" src="datatables/datatables.net/js/jquery.dataTables.js"></script>
  <script type="text/javascript" src="cdn.datatables.net/plug-ins/1.10.13/sorting/date-euro.js"></script>
  <script type="text/javascript">

    $(document).ready(function() {
        $('#test').dataTable({
            "columnDefs": [{
            "type": "date-euro",
            targets: 1
          }]
        });
    });

  </script>
<?php $filetime  = date("d/m/Y H:i A",filemtime($dir.'/'.$basename)); ?>

<table id="test">
<thead>
<tr>
<th>Name</th>
<th>Date Modified</th>
</tr>
</thead>
<tbody>
<tr>
<td>Test</td>
<td><?php echo $filetime; ?></td>
</tr>
</tbody>

2 个答案:

答案 0 :(得分:0)

您可以使用HTML5数据属性。 https://www.datatables.net/examples/advanced_init/html5-data-attributes.html

只需将数据顺序元素添加到您的td元素。

  <table class="table" id="exampleTable">
<thead>
<tr>
<th>Name</th>
<th>Date Modified</th>
</tr>
</thead>
<tbody>
<tr>
<td>Test</td>
<td data-order="<?php echo date( "Y-m-d H:i", strtotime( $filetime) ); // PHP:  2015-11-13 12:00; ?>"><?php echo $filetime; ?></td>
</tr>
</tbody>


<script>
    $(document).ready(function() {
        $('#exampleTable').DataTable();
    });
</script>

答案 1 :(得分:0)

默认情况下,DataTables似乎不包含date-euro类型,因此请确保在代码中的某处包含the definition

jQuery.extend( jQuery.fn.dataTableExt.oSort, {
    "date-euro-pre": function ( a ) {
        var x;

        if ( $.trim(a) !== '' ) {
            var frDatea = $.trim(a).split(' ');
            var frTimea = (undefined != frDatea[1]) ? frDatea[1].split(':') : [00,00,00];
            var frDatea2 = frDatea[0].split('/');
            x = (frDatea2[2] + frDatea2[1] + frDatea2[0] + frTimea[0] + frTimea[1] + frTimea[2]) * 1;
        }
        else {
            x = Infinity;
        }

        return x;
    },

    "date-euro-asc": function ( a, b ) {
        return a - b;
    },

    "date-euro-desc": function ( a, b ) {
        return b - a;
    }
} );