数据表日期排序dd/mm/yyyy问题

Question

我正在使用一个名为 datatables 的 Jquery 插件

太棒了，但是我无法根据 dd/mm/yyyy 格式正确排序日期。

我查看了他们的支持格式，但这些修复似乎都不起作用。

这里有人可以帮帮我吗？

Answer 1

2020 年更新：HTML 解决方案

由于 HTML 5 已经如此发达，几乎所有主要浏览器都支持它。所以现在更简洁的方法是使用HTML5 data attributes （maxx777 提供了一个 PHP 解决方案，我使用的是简单的 HTML）。对于我们场景中的非数字数据，我们可以使用data-sort 或data-order 属性并为其分配一个可排序的值。

HTML

<td data-sort='YYYYMMDD'>DD/MM/YYYY</td>

这里是working HTML solution

jQuery 解决方案

这里是working jQuery solution。

jQuery.extend( jQuery.fn.dataTableExt.oSort, {
"date-uk-pre": function ( a ) {
    var ukDatea = a.split('/');
    return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
},

"date-uk-asc": function ( a, b ) {
    return ((a < b) ? -1 : ((a > b) ? 1 : 0));
},

"date-uk-desc": function ( a, b ) {
    return ((a < b) ? 1 : ((a > b) ? -1 : 0));
}
} );
 

将上述代码添加到脚本中，并将日期值设置为 { "sType": "date-uk" } 和其他为空的特定列，见下文：

$(document).ready(function() {
    $('#example').dataTable( {
        "aoColumns": [
            null,
            null,
            null,
            null,
            { "sType": "date-uk" },
            null
        ]
    });
    });

Answer 2

日期排序 - 带有隐藏元素

将日期转换为 YYYYMMDD 格式并添加到 <td> 中的实际值 (DD/MM/YYYY)，将其包装在一个元素中，设置样式 display:none; 到元素。现在日期排序将像正常排序一样工作。这同样适用于日期时间排序。

HTML

<table id="data-table">
   <tr>
     <td><span>YYYYMMDD</span>DD/MM/YYYY</td>
   </tr>
</table>

CSS

#data-table span {
    display:none; 
}

Answer 3

我知道这是一个老问题，答案也很老。最近我遇到了一种简单而干净的日期排序方式。可以通过 HTML5 的 data-order 属性到 <td> 元素来完成。

这是我在 PHP 中所做的：

<?php
$newdate = date('d M Y', $myDateTime); // Format in which I want to display
$dateOrder = date('Y-m-d', $myDateTime); // Sort Order
?>

<td data-order="<?php echo $dateOrder; ?>" >
<?php echo $newdate; ?>
</td>

Answer 4

试试this 插件。

如here 所述，您需要包含Moment.js 和datatable-moment 插件，然后只需声明您使用的日期格式。 该插件将自动检测您的日期列并按应有的方式对其进行排序。 moment.js 格式说明请查看here。

例子：

$(document).ready(function() {
    $.fn.dataTable.moment('DD/MM/YYYY HH:mm');
    $('#example').DataTable();
});

Answer 5

这种方式对我有用。

<td data-order="@item.CreatedOn.ToString("MMddyyyyHHmmss")">
    @item.CreatedOn.ToString("dd-MM-yyyy hh:mm tt")
</td>

data-order 属性中的日期格式应该是 DataTable 支持的格式。