Visualizzazione dei risultati da 1 a 6 su 6

Visualizzazione discussione

  1. #1

    jQuery Date Range Picker selezionare range di date e disabilitare alcune date

    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.
    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>
    
    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.

    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.
    Ultima modifica di !!\Freedom9/!!; 18-03-2021 a 20:12

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.