Ciao, ho questo semplice codice che mi permette di selezionare un range di date e di disabilitare alcune specifiche date. Per provare il codice puoi cliccare qui.
Vorrei fare in modo che l'utente possa selezionare solo range di date contigue. Poniamo caso, ad esempio, che il 15 aprile sia disabilitato, l'utente non deve poter selezionare il 14 ed il 16 aprile, perchè in mezzo c'è una data appunto disabilitata. Invece, come potete provare voi stessi cliccando qui, il programma lo lascia fare.codice HTML:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title> <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> </head> <body> <input type="text" name="daterange" id="demo" /> <script> invalid_dates = ['2021-03-25', '2021-03-28', '2021-04-15'] $('#demo').daterangepicker({ isInvalidDate: function(date) { return !!(invalid_dates.indexOf(date.format('YYYY-MM-DD')) > -1); }, "startDate": "03/18/2021", "endDate": "03/18/2021", "minDate": "03/18/2021", "maxDate": "05/31/2021" }, function(start, end, label) { console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')'); }); </script> </body> </html>
Ho trovato questa interessante pagina https://longbill.github.io/jquery-date-range-picker/ punto 26 Disable some dates, in cui jQuery Date Range Picker funziona proprio come vorrei funzionasse io.
Nel codice vengono però disabilitati solo i weekend, mentre io vorrei disabilitare delle date specifiche che ho racchiuso in un array. Non so come fare ...
Grazie infinite a chiunque mi possa mettere sulla giusta strada.