Estoy filtrando por rango de fechas usando datatables js.

Mi filtrado de rango funciona bien si las fechas en la tabla están en formato AAAA/MM/DD.

 <div class="input-group my-3"> <input class="form-control" type="date" id="min" name="min"> <input class="form-control" type="date" id="max" name="max"> </div>

Código de filtro:

 $('#min, #max').on('change', function () { $.fn.dataTable.ext.search.push( function( settings, data, dataIndex ) { var min = new Date($('#min').val()); var max = new Date($('#max').val()); var date = new Date(data[$('#dateCol').index()]); if ( ( min === null && max === null ) || ( min === null && date <= max ) || ( min <= date && max === null ) || ( min <= date && date <= max ) ) { return true; } return false; } ); table.draw(); });

Pero necesito mostrar las fechas en la tabla con el formato DD.MM.YYYY. Si muestro este formato, entonces el filtro está roto. Según tengo entendido, en lugar de diciembre (mes 12), muestra los 12 números.

Si introduzco estas fechas:

La tabla se filtra así:

Pero si cambio la visualización de fechas en la tabla a AAAA/MM/DD, entonces todo se filtra según sea necesario.

Entrada de Console.log:

Datos de Console.log:

Si cambia el formato de visualización de la fecha, el error "Fecha no válida" desaparece.

Se cambió el formato a YYYY/MM/DD console.log:

ayúdame a resolver esto por favor