0
414
ViewsFiltro de rango de fechas de DataTables, sin obtener la primera fecha
Hola, estoy usando el filtro de rango de fechas de DataTables. aquí está el enlace -> https://datatables.net/extensions/datetime/examples/integration/datatables.html
A continuación se muestra mi código
var minDate, maxDate; // Custom filtering function which will search data in column four between two values $.fn.dataTable.ext.search.push( function( settings, data, dataIndex ) { var min = minDate.val(); var max = maxDate.val(); var date = new Date( data[9] ); if ( ( min === null && max === null ) || ( min === null && date <= max ) || ( min <= date && max === null ) || ( min <= date && date <= max ) ) { return true; } return false; } ); $(document).ready(function() { // Create date inputs minDate = new DateTime($('#min'), { format: 'MM-DD-YYYY' }); maxDate = new DateTime($('#max'), { format: 'MM-DD-YYYY' }); $('#sales').DataTable({ aLengthMenu: [ [25, 50, 100, 200, -1], [25, 50, 100, 200, "All"] ], iDisplayLength: -1, scrollX: true }); // DataTables initialisation var table = $('#sales').DataTable(); // Refilter the table $('#min, #max').on('change', function () { table.draw(); }); }); Cuando busco del 01-04-2022 al 03-04-2022 . No me muestra el registro del 01-04-2022 
Pero cuando ingreso 31-03-2022 a 02-04-2022 me muestra el registro del 01-04-2022 
1 answers
Answer question0
Parece que está configurando MinDate y MaxDate una vez, en document.ready , pero no después de que el usuario ingrese las fechas.
He movido el código que establece MinDate y MaxDate en su filtro de búsqueda.
Otro problema potencial es que está comparando fechas en formato MM-DD-AAAA como si fueran cadenas, y esto no funcionará al comparar, digamos, 12-03-2022 con 12-05-2020. La primera fecha es posterior desde una perspectiva de fecha, pero anterior (primera) desde una perspectiva de comparación de cadenas. Por lo tanto, probablemente debería convertir las fechas al formato AAAA-MM-DD, que funciona para la comparación de cadenas.
No estoy seguro acerca de esta última parte porque tiene una new Date(...) (que es JS estándar), así como una new DateTime(...) (que no creo que sea JS estándar), por lo que no es realmente aclare si está comparando cadenas (p. ej minDate.val() ) u objetos (p. ej., new Date( data[9] ) ).
var minDate, maxDate; // Custom filtering function which will search data in column four between two values $.fn.dataTable.ext.search.push( function( settings, data, dataIndex ) { // Create date inputs minDate = new DateTime($('#min'), { format: 'MM-DD-YYYY' }); maxDate = new DateTime($('#max'), { format: 'MM-DD-YYYY' }); var min = minDate.val(); var max = maxDate.val(); var date = new Date( data[9] ); if ( ( min === null && max === null ) || ( min === null && date <= max ) || ( min <= date && max === null ) || ( min <= date && date <= max ) ) { return true; } return false; } ); $(document).ready(function() { $('#sales').DataTable({ aLengthMenu: [ [25, 50, 100, 200, -1], [25, 50, 100, 200, "All"] ], iDisplayLength: -1, scrollX: true }); // DataTables initialisation var table = $('#sales').DataTable(); // Refilter the table $('#min, #max').on('change', function () { table.draw(); }); });