Skip to main content
2 de 2
Título corregido con el tema correspondiente, etiqueta relacionada agregada, redacción y formato de código mejorados

Ordenar una columna Fecha con Datatables

Dispongo de una tabla en Bootstrap sobre la que quisiera ordenar una columna Fecha. Me da la sensación que me lo esta ordenando como si fuese un string. En cambio, el resto de columnas sí se ordenan bien.

Agradecería vuestra ayuda.

Os facilito algún trozo de código por si me podeis indicar qué estoy haciendo mal. Gracias

En el Fichero de Vistas.php, básicamente muestro el resultado de la consulta SQL:

<table
  id="tbllistado"
  data-EjercicioFactura="<?php echo isset($_GET['EjercicioFactura']) ? $_GET['EjercicioFactura'] : ''; ?>"
  data-NumeroFactura="<?php echo isset($_GET['NumeroFactura']) ? $_GET['NumeroFactura'] : ''; ?>"
  class="table table-responsive table-sm table-striped table-condensed"
>
  <thead class="thead-dark">
    <th width="50px">Cod Cliente</th>
    <th width="90px">Razón Social</th>
    <th width="50px">Fecha Factura</th>
    <th width="50px">Fecha Vcto.</th>
    <th width="30px">Ejercicio</th>
    <th width="30px">Serie</th>
    <th width="30px">Numero</th>
    <th width="30px">Base Comisión</th>
    <th width="30px">% Comision</th>
    <th width="30px">Comisión</th>
  </thead>
  <tbody>
  </tbody>
</table>

En el fichero JS:

function listarCarteraComisiones()
{
    var EjercicioFactura = $.trim($('#tbllistado').attr('data-EjercicioFactura'));
    var NumeroFactura = $.trim($('#tbllistado').attr('data-NumeroFactura'));
    var LinkTemporal = '';

    LinkTemporal = '../ajax/carteracomision.php?op=listar';
    
    //alert(EjercicioPedido);
    //alert( $('#tbllistado').attr('data-codigocliente') );
    tabla=$('#tbllistado').dataTable(
    {
        "lengthMenu": [ 5, 10, 25, 75, 100],//mostramos el menú de registros a revisar
        "aProcessing": true,//Activamos el procesamiento del datatables
        "aServerSide": true,//Paginación y filtrado realizados por el servidor
        dom: '<Bl<f>rtip>',//Definimos los elementos del control de tabla
        buttons: [                
                    'copyHtml5',
                    'excelHtml5',
                    //'csvHtml5',
                    'pdf'
                ],
        "ajax":
                {
                    url: LinkTemporal,
                    type : "get",
                    dataType : "json",                      
                    error: function(e){
                        console.log(e.responseText);    
                    }
                },
        "language": {
            "lengthMenu": "Mostrar : _MENU_ registros",
            "buttons": {
            "copyTitle": "Tabla Copiada",
            "copySuccess": {
                    _: '%d líneas copiadas',
                    1: '1 línea copiada'
                }
            }
        },
        "bDestroy": true,
        "iDisplayLength": 50,//Paginación
        "order": [[ 0, "desc" ]]//Ordenar (columna,orden)
    }).DataTable();
}