Tengo dos inputs (fecha minima y fecha maxima) con los cuales quiero filtrar los resultados de mis tablas, el problema es que DataTables tiene un problema serio con la ordenación de fechas. He leído por internet que para los que quieren tener el formato dd/mm/YYYY hay un poco de rollo y recomiendan hacer un "truquillo" que es más rápido que otra opción pero solo funciona en el campo de búsqueda que trae por defecto DataTables, pero con dos inputs no funciona.
Este "truquillo" consiste en meter un con display none con la fecha en formato YYYYMMDD de este modo el usuario no ve el contenido del pero DataTables si puede realizar la ordenación.
<td><span style='display: none;'>20150221</span>21/02/2015</td>
Hasta aquí bien con el filtrado del buscador por defecto de DataTables, la cosa es que quisiera dos inputs y poner un intervalo de fechas. Y con el siguiente código no me funciona, empieza filtrando bien pero cuando acabo de escribir la fecha máxima ya no filtra correctamente.
La cosa es que no sé si el primer "truquillo" afecta al segundo caso o viceversa, alguien que haya tenido el mismo problema o similar sabría iluminarme un poco? Aquí dejo mi código.
$.fn.dataTableExt.afnFiltering.push(
function( oSettings, aData, iDataIndex ) {
var iFini = document.getElementById('min').value;
var iFfin = document.getElementById('max').value;
var iStartDateCol = 4;
var iEndDateCol = 4;
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;
}
);
var table_filter = $('#DataTables_Table_4').dataTable();
$('#min').keyup( function() { table_filter.fnDraw(); } );
$('#max').keyup( function() { table_filter.fnDraw(); } );