Le code suivant va vous permettre de trier les colonnes de type dates + heures avec le plugin JQuery « Datatables » au format français.

Format trié : « dd/mm/YY à HH:ii »

Pour utiliser cette fonction de tri, on utilisera le préfixe « date-euro ». Pour implémenter une fonction de tri avec le plugin « Datatables », il faut implémenter trois fonctions : « date-euro-pre, date-euro-asc, date-euro-desc ».

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]) * 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;
    }
});

Format trié : « dd/mm/YY HH:ii »

Pour trier ce type de format, il suffit simplement de reprendre le code précédent et de remplacer la ligne :

var frDatea = $.trim(a).split(' à ');

Par :

var frDatea = $.trim(a).split(' ');

Utilisation des tris :

$('#table').dataTable( {
    "aoColumns": [
        null,
        { "sType": "date-euro" },
        null,
        null,
        { "sClass": "no_show_column" }, // Permet d’ajouter une classe à une colonne
        null
    ]
});

Télécharger Datatables : http://www.datatables.net/download/index

Plus d'infos sur les tris : http://datatables.net/plug-ins/sorting