Estoy desarrollando una aplicacion web en la que tengo una datable que se carga por ajax en el ready donde muestro el listado de pagos y quiero filtrar los resultados por un intervalo de fechas. He añadido el script que he encontrado en la web de datables para hacer el filtro por el campo que muestra la fecha (en mi caso la columna 2) y no me hace el filtro.
Estos son los input donde guardo las fechas.
<div class="card-body">
<div class="row">
<div class="col-md-2">
<div class="form-group">
<label for="">Ventas desde:</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text"><i class="far fa-calendar-alt"></i></span></div>
<input type="text" class="form-control" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy" id="ventas_desde">
</div>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label for="">Ventas hasta:</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text"><i class="far fa-calendar-alt"></i></span></div>
<input type="text" class="form-control" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy" id="ventas_hasta">
</div>
</div>
</div>
</div>
</div>
he añadido este código para el filtro de fechas pero no me hace nada
$.fn.dataTable.ext.search.push(function( settings, data, dataIndex ) {
var min = $('#ventas_desde').val();
var max = $('#ventas_hasta').val();
var date = new Date(data[2]);
if (
( min === null && max === null ) ||
( min === null && date <= max ) ||
( min <= date && max === null ) ||
( min <= date && date <= max )
) {
return true;
}
return false;
}
);
$('#ventas_desde, #ventas_hasta').on('change', function () {
table3.draw();
});
No sé que estoy haciendo mal, porque funciona todas las funciones de la datable menos el filtrado por intervalo de fechas