jquery - example - Datatable: el plugin de clasificación de fecha/hora no ordena

jquery table example

Question

Tengo una aplicación básica de SpringBoot. Tomcat integrado, motor de plantillas de Thymeleaf. Quiero pedir 1 columna de fecha de una tabla de datos.

en mi POJO:

public String getTimeFormatted() {
DateTimeFormatter formatter = 
            DateTimeFormatter.ofPattern("EEEE, MMMM d,yyyy h:mm,a", Locale.ENGLISH);
        LocalDateTime dateTime = LocalDateTime.ofEpochSecond(time, 0, ZoneOffset.UTC);      
        return dateTime.format(formatter);
    }

en la plantilla:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.15/sorting/datetime-moment.js"></script>

<script th:inline="javascript">
$(document).ready(function() {

    $.fn.dataTable.moment( ''EEEE, MMMM d,yyyy h:mm,a'' );

    $(''#table'').dataTable( {  
        "bLengthChange": false,
        "pageLength": 25,
    }); 
} );
</script>

pero no ordena apropiadamente

Answer 1

Esto es bastante fácil de depurar.

Incluso hice un simple ejemplo .

Está utilizando un formato como EEEE, MMMM d,yyyy h:mm,a en su código (supongo que en primavera), pero olvidó traducirlo a formato de moment ... y de los documentos , eso debería ser: dddd, MMMM D,YYYY h:mm,a

entonces el código debería ser:

$.fn.dataTable.moment("dddd, MMMM D,YYYY h:mm,a");

Answer 2

Personalmente, prefiero usar un atributo de data-order . Luego solo le paso la marca de tiempo en cualquier epoch o YYYYmmddHHiiss .

Puede ver un ejemplo aquí: https://datatables.net/examples/advanced_init/html5-data-attributes.html