He estado viendo varias páginas respecto a este tema y encontré una que explica de manera sencilla el uso de rangos solo que lo usan con edad (range filtering). Luego encontré esta (range dates) para usarlo con fechas, pero no me arroja la búsqueda ni siquiera la hace. ¿que estoy haciendo mal? o se necesita más configuraciones, ¿se supone que solo deberíamos cambiar los id de los input, no?
Puse mi librería que indica ahí en la página:
<script type="text/javascript" src="jquery/range_dates.js"></script>
Luego mi código que indica ahí en la página también:
$(document).ready(function() {
var table = $('#exportar').DataTable();
// Add event listeners to the two range filtering inputs
$('#min').keyup( function() { table.draw(); } );
$('#max').keyup( function() { table.draw(); } );
} );
Mis inputs con sus id:
fecha inicio: <input id="min" name="min" type="text" placeholder="Search by Date" />
fecha final: <input id="max" name="max" type="text" placeholder="Search by Date" />
Y por último este cogido es el que viene en la librería range_dates.js
que puse, pero a lo que leí también se configuraba cambiando los id:
$.fn.dataTableExt.afnFiltering.push(
function( oSettings, aData, iDataIndex ) {
var iFini = document.getElementById('#min').value;
var iFfin = document.getElementById('#max').value;
var iStartDateCol = 6;
var iEndDateCol = 7;
iFini=iFini.substring(6,10) + iFini.substring(3,5)+ iFini.substring(0,2);
iFfin=iFfin.substring(6,10) + iFfin.substring(3,5)+ iFfin.substring(0,2);
var datofini=aData[iStartDateCol].substring(6,10) + aData[iStartDateCol].substring(3,5)+ aData[iStartDateCol].substring(0,2);
var datoffin=aData[iEndDateCol].substring(6,10) + aData[iEndDateCol].substring(3,5)+ aData[iEndDateCol].substring(0,2);
if ( iFini === "" && iFfin === "" )
{
return true;
}
else if ( iFini <= datofini && iFfin === "")
{
return true;
}
else if ( iFfin >= datoffin && iFini === "")
{
return true;
}
else if (iFini <= datofini && iFfin >= datoffin)
{
return true;
}
return false;
}
);
substring
que se hacen concuerdan con el formato de fecha que estas ingresando y el que estas mostrando en la tabla?.iStartDateCol y iEndDateCol
estan apuntando a las columnas de tu tabla, esos son los indices?. El ejemplo que dejas filtra un rango de fechas para dos columnas. En tu caso tbn vas a utilizar dos columnas?30/01/2019
al aplicarle los substring devolvera:20190130