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

Ordenar una columna Fecha en Bootstrapcon Datatables

dispongoDispongo de una tabla en bootstrapBootstrap 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 columnacolumnasmese ordenan bien.

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

                                                <table id="tbllistado"
                                                  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 ">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:

Ordenar una columna Fecha en Bootstrap

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 columname ordenan bien.

En el Fichero de Vistas.php Basicamente 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

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 columnasse ordenan bien.

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:

Origen Enlace

Ordenar una columna Fecha en Bootstrap

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 columna sí me 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 Basicamente 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();
}