Impostare la data minima in HTML e Javascript

Mattepuffo's logo
Impostare la data minima in HTML e Javascript

Impostare la data minima in HTML e Javascript

Abbiamo la nostra HTML input di tipo date per inviare la data scelta dall'utente.

E vogliamo che non siano selezionabili date al di sotto di un certo giorno (ad esempio oggi).

Possiamo ottenere questo in diversi modi, e noi vedremo come farlo usando semplicemente Javascript.

Non servono librerie aggiuntive:

let today = new Date();
var day = today.getDate();
var month = today.getMonth() + 1; // GENNAIO è 0
var year = today.getFullYear();
if (day < 10) {
    day = '0' + day
}
if (month < 10) {
    month = '0' + month
}
today = year + '-' + month + '-' + day;
document.getElementById("scadenza").min = today;

Nello script teniamo già conto che:

  • il mese di Gennaio è 0 e non 1
  • che nei giorni e mesi non c'è una opzione di formattazione per il leading zero (ed ecco perchè lo mettiamo "a mano")

Detto ciò, il datepicker avrà in grigio tutti i giorni precenti alla data impostata (la data odierna nel nostro caso).

Enjoy!


Share this Post

Commentami!