{"id":1069,"date":"2023-07-09T07:30:00","date_gmt":"2023-07-09T05:30:00","guid":{"rendered":"https:\/\/www.ilbytecidio.it\/?p=1069"},"modified":"2023-07-02T16:31:00","modified_gmt":"2023-07-02T14:31:00","slug":"laravel-datatable-filtrare-per-data","status":"publish","type":"post","link":"https:\/\/www.ilbytecidio.it\/?p=1069","title":{"rendered":"Laravel DataTable: filtrare per data"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

Fra i programmatori PHP di passaggio ce ne sar\u00e0 senz’altro qualcuno che utilizza il framework Laravel<\/a> come base per il proprio progetto. E qualcuno forse utilizza DataTable per creare facilmente delle viste dei propri dati su database. Se non conoscete DataTable, ve lo consiglio perch\u00e9 vi risparmia un sacco di lavoro sporco con HTML e JavaScript, permettendovi di utilizzare il vostro tempo per qualcos’altro. Vi consiglio in particolare il pacchetto yajra\/laravel-datatables<\/a>. La cosa strana di quest’ottima integrazione \u00e8 che nessuno abbia pensato all’eventualit\u00e0 di filtrare i risultati per data e ora, se presenti del database. Immaginiamo per esempio di gestire il database di una biblioteca e di avere un elenco di libri con la data di prestito. Non sarebbe utile filtrare, per esempio, i libri prestati un dato giorno, e quindi in scadenza? Fortunatamente non \u00e8 difficile.<\/p>\n\n\n\n\n\n\n\n

Non mi dilungher\u00f2 sul modo di utilizzare il pacchetto consigliato: mi aspetto che se siete arrivati a quest’articolo abbiate gi\u00e0 una tabella funzionante. In caso contrario, i tutorial non mancano, e vi consiglio di basarvi sulla documentazione e gli esempi forniti insieme al pacchetto.
Presumer\u00f2 che abbiate creato la vostra estensione della classe DataTable e che la stiate usando per la resa sia degli script che del codice HTML.<\/p>\n\n\n\n

Per prima cosa avrete bisogno di due campi di input per inserire l’intervallo di date desiderato:<\/p>\n\n\n\n

<input type=\"date\" id=\"data_minima\">\n<input type=\"date\" id=\"data_massima\"><\/code><\/pre>\n\n\n\n
Usando il tipo date per i campi, il browser si occuper\u00e0 da s\u00e9 di mostrare un piccolo calendario da cui scegliere la data iniziale e la data finale senza bisogno di librerie esterne.
Ora, nella vostra classe DataTable avete sicuramente il vostro metodo html, che andr\u00e0 modificato cos\u00ec:<\/p>\n\n\n\n
public funcion html() {\n  return $this->builder\n    ->minifiedAjax('', '\n      data.data_minima  = $(\"#data_minima\");\n      data.data_massima = $(\"#data_minima\");\n    )\n    \/\/ ... etc\n}<\/code><\/pre>\n\n\n\n
Ci\u00f2 aggiunger\u00e0 allo script finale le istruzioni per includere le due date ai filtri inviati al server per la selezione dei dati. A questo punto dobbiamo modificare anche la funzione dataTable perch\u00e9 le utilizzi:<\/p>\n\n\n\n
public funcion dataTable($query) {\n  return datatables()\n    ->eloquent($query)\n    \/\/ ... etc\n    ->filter(function ($query) {\n      if (request('data_minima')) {\n        $query->where('data', '>=', request('data_minima'));\n      }\n      if (request('data_massima')) {\n        $query->where('data', '<=', request('data_massima'));\n      }\n    }, true);\n}<\/code><\/pre>\n\n\n\n
Fatto. Ora dovreste poter selezionare la data dai nuovi campi ed i dati saranno immediatamente filtrati.<\/p>\n","protected":false},"excerpt":{"rendered":"
Fra i programmatori PHP di passaggio ce ne sar\u00e0 senz’altro qualcuno che utilizza il framework Laravel come base per il proprio progetto. E qualcuno forse utilizza DataTable per creare facilmente delle viste dei propri dati su database. Se non conoscete … Continua a leggere→<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[140,141,115,139,116],"class_list":["post-1069","post","type-post","status-publish","format-standard","hentry","category-programmazione-web","tag-datatable","tag-html","tag-javascript","tag-laravel","tag-php"],"views":352,"_links":{"self":[{"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=\/wp\/v2\/posts\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1069"}],"version-history":[{"count":7,"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=\/wp\/v2\/posts\/1069\/revisions"}],"predecessor-version":[{"id":1106,"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=\/wp\/v2\/posts\/1069\/revisions\/1106"}],"wp:attachment":[{"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ilbytecidio.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}