# Le date

Per inserire un campo che preveda l'inserimento di una data durante la compilazione della pratica, trascina dall'elenco il componente "[Textfield](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/il-textfield)".

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FCSYanGnaIpPlQMF2rKVz%2Fimage.png?alt=media&#x26;token=8dcf6cfa-da40-40c0-a224-aa47a644f551" alt=""><figcaption></figcaption></figure>

## Configurare le date

Per controllare che la data inserita dall'utente abbia un formato giorno/mese/anno ed evitare che possa inserire una data nel passato, collocati nella sezione "Validation" del componente *textfield* (1), apri la voce "Custom validation" (2) e inserisci questo codice JavaScript (3):

<div data-full-width="true"><figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FpVawhlvXYhTBBhkckwhD%2Fimage.png?alt=media&#x26;token=1164629a-e87a-4e39-a736-d350cec2563d" alt=""><figcaption></figcaption></figure> <figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FJwSrHHNCVhTwYVVLuKni%2FScreenshot-4--05-21-2025_04_37_PM.png?alt=media&#x26;token=8fc5607e-8512-43cb-855b-632b0b198be1" alt=""><figcaption></figcaption></figure></div>

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