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.
Cosi facendo non ho errori, quando ispeziono la pagina, ma non mi fa la ricerca.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>
Avete qualche idea sul come farlo funzionare?
Grazie.

Rispondi quotando