jQuery UI Datepicker: non visualizzare le date antecedenti a oggi

Mattepuffo's logo
jQuery UI Datepicker: non visualizzare le date antecedenti a oggi

jQuery UI Datepicker: non visualizzare le date antecedenti a oggi

E torniamo a parlare di jQuery UI Datepicker, il componente calendario di jQuery UI.

In pratica, in attesa di HTML 5 come standard, uso sempre quello come calendario ormai.

In un sito che sto sviluppando mi è stato richiesto di non visualizzare / oscurare i giorni antecedenti a quello odierno.

Questo per evitare che si possano fare ordinazioni a una data "inutile".

Per ottenere questo dobbiamo far ricorso all'opzione minDate e all'oogetto Javascript Date().

 

In pratica questo è quello che ci serve:

    $('#datepicker').datepicker({
        minDate: new Date()
    });

Più le opzioni che vi servono.

L'oggetto Date() restituisce la data e l'ora corrente.

In accopiata con l'opzione minDate non facciamo altro che dirgli che il giorno minimo deve essere oggi.

Enjoy!


Condividi

Commentami!