日期使用jquery tablesorter排序問題

Question

我想排序一個列有像2009-12-17 23:59:59.0列。 我使用下面的鏈接申請排序

$(document).ready(function() 
     { 
      $("#dataTable").tablesorter(); 
     } 
    ); 

但它不工作的格式YYYY-MM-DD的日期。 任何人都可以建議我如何應用這種格式進行排序？

Answer 1

正確的做法是爲此自定義格式添加自己的解析器。

選中此項可瞭解其工作原理。

jQuery Tablesorter: Add your own parser

然後看看到的tablesorter源（搜索uslongdate，shortdate，然後看如何對日期格式的解析器會在內部的tablesorter完成。現在構建你自己的類似解析器爲特定的日期格式。

jquery.tablesorter.js

這應該根據自己的喜好

ts.addParser({ 
    id: "customDate", 
    is: function(s) { 
     //return false; 
     //use the above line if you don't want table sorter to auto detected this parser 
     //else use the below line. 
     //attention: doesn't check for invalid stuff 
     //2009-77-77 77:77:77.0 would also be matched 
     //if that doesn't suit you alter the regex to be more restrictive 
     return /\d{1,4}-\d{1,2}-\d{1,2} \d{1,2}:\d{1,2}:\d{1,2}\.\d+/.test(s); 
    }, 
    format: function(s) { 
     s = s.replace(/\-/g," "); 
     s = s.replace(/:/g," "); 
     s = s.replace(/\./g," "); 
     s = s.split(" "); 
     return $.tablesorter.formatFloat(new Date(s[0], s[1]-1, s[2], s[3], s[4], s[5]).getTime()+parseInt(s[6])); 
    }, 
    type: "numeric" 
}); 

現在只需將其應用於具有此格式的列（例如，假設自定義日期駐留在在列號7中的柱（6表示第7列，這是因爲列的陣列zerobased）

$(function() { 
    $("table").tablesorter({ 
     headers: { 
      6: { sorter:'customDate' } 
     } 
    }); 
}); 

Answer 2

如果使用日期/時間格式等MM/DD/YYYY HH：MM然後用下面

$.tablesorter.addParser({ 
     id: "customDate", 
     is: function(s) { 
      //return false; 
      //use the above line if you don't want table sorter to auto detected this parser       
      //21/04/2010 03:54 is the used date/time format 
      return /\d{1,2}\/\d{1,2}\/\d{1,4} \d{1,2}:\d{1,2}/.test(s); 
     }, 
     format: function(s) { 
      s = s.replace(/\-/g," "); 
      s = s.replace(/:/g," "); 
      s = s.replace(/\./g," "); 
      s = s.replace(/\//g," "); 
      s = s.split(" ");      
      return $.tablesorter.formatFloat(new Date(s[2], s[1]-1, s[0], s[3], s[4]).getTime());           
     }, 
     type: "numeric"}); 

Answer 3

排序英國/歐洲日期格式DD/MM/YYYY由：

$("#tableName").tablesorter({dateFormat: "uk"}); 

Answer 4

無需創建新的解析器只需使用現有的修改器即可。

1.打開jquery插件js，在這裏你會看到下面的腳本。現在只需更改最後一個其他的日期格式（期望），如果你的情況是「yy-mm-dd」。

ts.addParser({ 
    id: "shortDate", 
    is: function (s) { 
     return /\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s); 
    }, format: function (s, table) { 
     var c = table.config; 
     s = s.replace(/\-/g, "/"); 
     if (c.dateFormat == "us") { 
      // reformat the string in ISO format 
      s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$1/$2"); 
     } else if (c.dateFormat == "uk") { 
      // reformat the string in ISO format 
      s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$2/$1"); 
     } else if (c.dateFormat == "yy-mm-dd" || c.dateFormat == "dd-mm-yy") { 
      s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/, "$1/$2/$3"); 
     } 
     return $.tablesorter.formatFloat(new Date(s).getTime()); 
    }, type: "numeric" 
}); 

2.現在按照抖動提到的最後一步，但稍加修改。

$(function() { 
$("table").tablesorter({ 
    headers: { 
     6: { sorter:'shortDate' } 
    } 
}); 
}); 

Answer 5

DATEFORMAT： 「MMDDYYYY」，//設置默認的日期格式

example-option-date-format

Answer 6

隨着2.18.4最新的版本，你可以根本就喜歡this.Just給默認的日期格式，在特定列中設置列日期格式，這將只與'shortDate'分揀機一起工作。

$('YourTable').tablesorter(
      { 
       dateFormat:'mmddYYYY', 
       headers: { 
        0: { sorter: false }, 
        1: { sorter: true}, 
        2: { sorter: true }, 
        3: { sorter: true }, 
        4: { sorter: "shortDate", dateFormat: "ddmmyyyy" }, 
        5: { sorter: true }, 
        6: { sorter: false }, 
        7: { sorter: false }, 
        8: { sorter: false }, 
        9: { sorter: false }, 
        10: { sorter: false }, 
        11: { sorter: false } 

       } 
      }); 

Answer 7

只需要添加另外的選擇，完全適用於我排序的日期格式（DD/MM/YYYY HH：mm：ss的）。 通過使用js dataTables插件。

添加下面的代碼到你的代碼：

$(document).ready(function() { 
oTable = $('#AjaxGrid').dataTable({ 
"aLengthMenu": [[5, 10, 25, 50, 100, 500,1000,-1], [5, 10, 25, 50, 100,500,1000,"All"]], 
iDisplayLength: 1000, 
aaSorting: [[2, 'asc']], 
bSortable: true, 
aoColumnDefs: [ 
{ "aTargets": [ 1 ], "bSortable": true }, 
{ "aTargets": [ 2 ], "bSortable": true }, 
{ "aTargets": [ 3 ], "bSortable": true }, 
{ "aTargets": [ 4 ], "bSortable": true }, 
{"aTargets": [ 5 ], "bSortable": true, "sType": "date-euro"}, 
{"aTargets": [ 6 ], "bSortable": true, "sType": "date-euro"}, 
{ "aTargets": [ 7 ], "bSortable": false } 
], 
"sDom": '<"H"Cfr>t<"F"ip>', 
"oLanguage": { 
"sZeroRecords": "- No Articles To Display -", 
"sLengthMenu": "Display _MENU_ records per page", 
"sInfo": " ", //"Displaying _START_ to _END_ of _TOTAL_ records", 
"sInfoEmpty": " ", //"Showing 0 to 0 of 0 records", 
"sInfoFiltered": "(filtered from _MAX_ total records)" 
}, 
"bJQueryUI": true 
}); 
}); 


//New code 
jQuery.extend(jQuery.fn.dataTableExt.oSort, { 
"date-euro-pre": function (a) { 
if ($.trim(a) != '') { 
var frDatea = $.trim(a).split(' '); 
var frTimea = frDatea[1].split(':'); 
var frDatea2 = frDatea[0].split('/'); 
var x = (frDatea2[2] + frDatea2[1] + frDatea2[0] + frTimea[0] + frTimea[1] + frTimea[2]) * 1; 
} else { 
var x = 10000000000000; // = l'an 1000 ... 
} 

return x; 
}, 

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

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