Buongiorno a tutti.
Utilizzo datatables con il classico input search, ed è tutto ok.
Adesso volevo implementare due campi ricerca per data dal/al, cosa succede che, oltre a non funzionare la ricerca dal/al non cerca più nulla nemmeno con la input search.
codice:
#importo i file
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/js/bootstrap-datepicker.min.js" integrity="sha512-LsnSViqQyaXpD4mBBdRYeP6sRwJiJveh2ZIbW41EBrNmKxgr/LFZIiWT6yr+nycvhvauz8c2nYMhrP80YhG7Cw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/css/bootstrap-datepicker.min.css" integrity="sha512-34s5cpvaNG3BknEWSuOncX28vz97bRI59UnVtEEpFX536A7BtZSJHsDyFoCl8S7Dt2TPzcrCEoHBGeM4SUBDBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script>
$(document).ready(function() {
$('input.date').datepicker({
format: "dd/mm/yyyy",
changeMonth: true,
changeYear: true,
autoclose: true
});
var table = $('#example').dataTable();
$("#min").datepicker({
onSelect: function() {
table.draw();
alert("min");
}
});
$("#max").datepicker({
onSelect: function() {
table.draw();
}
});
$('#min, #max').on('keyup', function() {
table.draw();
});
$.fn.dataTable.ext.search.push(function(settings, data, dataIndex) {
// min and max dates matching
var dateStart = $('#min').datepicker("getDate");
var dateEnd = $('#max').datepicker("getDate");
var evalDate = new Date(data[5]);
if (evalDate >= dateStart && evalDate <= dateEnd) {
return true;
} else {
return false;
}
});
});
</script>
Cosi facendo non ho errori, quando ispeziono la pagina, ma non mi fa la ricerca.
Avete qualche idea sul come farlo funzionare?
Grazie.