[英]How to sort date and string in same column in jquery plugin having file jquery.dataTables.js?
[英]jQuery DataTables plugin: Sort German date
我使用jQuery DataTables插件,我的问题是我的德语日期没有正确排序。 它具有以下格式: dd.mm.YYYY HH:iih
这是我的代码:
的jsfiddle:
https://jsfiddle.net/uxaLn1e3/3/
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中进行哪些调整才能对日期进行分类?
向具有以标准格式存储的日期的td
添加data-sort
属性(我在这里使用了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
值,而不是HTML的td
的列进行排序。
即使您动态创建表,也可以通过两种方式实现此目的:
A.在生成html时添加data-sort
属性。
B.使用jQuery创建data-sort
后添加data-sort
,然后重新启动数据表。
我认为您必须为性别数据脚本使用日期时间格式插件,或者使用插件对您的格式化日期时间进行排序 (我建议使用最终日期/时间排序插件 )
您的案例样本:jsfiddle.net/x92amfe4/4/
您可以通过从字符串中创建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]]]]]);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.