Le date

Per inserire un campo che preveda l'inserimento di una data durante la compilazione della pratica, trascina dall'elenco il componente "Textfield".

Configurare le date

Nella sezione "Display" del componente, imposta la voce "Input Mask" con il valore 99/99/9999 e come placeholder gg/mm/aaaa .

Nella sezione "Validation" del componente, apri la voce "Custom validation" e inserisci il codice JavaScript appropriato in base al caso d'uso.

Data nel passato

Controlla che la data inserita sia valida e non sia nel futuro (utile ad esempio per date di nascita o eventi già avvenuti).

date = moment(input, 'DD/MM/YYYY');
if (!date.isValid()){
  valid = "La data inserita non è valida";
}
if (date.isAfter(moment())){
  valid = "La data inserita deve essere nel passato";
}

Data nel futuro

Controlla che la data inserita sia valida e non sia nel passato (utile ad esempio per date di appuntamento o eventi futuri).

date = moment(input, 'DD/MM/YYYY');
if (!date.isValid()){
  valid = "La data inserita non è valida";
}
if (date.isBefore(moment())){
  valid = "La data inserita deve essere nel fututo";
}

Confronto tra due date

Controlla che la seconda data (ad esempio la data di fine) sia uguale o successiva alla prima (ad esempio la data di inizio). Sostituisci initial_date con la chiave API del campo data di inizio.

passedDate = moment(input, 'DD/MM/YYYY');
initialDate = moment(data.initial_date, 'DD/MM/YYYY');
if (!passedDate.isValid()) {
  valid = "La data inserita non è valida";
} else if (!initialDate.isValid()) {
  valid = "Inserisci prima la data di inizio";
} else if (passedDate.isBefore(initialDate, 'day')) {
  valid = "La data inserita non può precedere la data di inizio";
} else {
  valid = true;
}