Come creare una selezione di date Arrivo/Partenza

Guida passo-passo per creare campi calendario connessi per intervalli di date

Overview

Questo tutorial mostra come collegare due campi calendario, denominati "arrival" e "departure", per creare un selettore di intervallo di date. Configurerai il campo Arrivo con Limiti Data/Ora e imposterai il campo Data Fine, quindi applicherai impostazioni simili al campo Partenza con il campo Data Inizio. Il risultato sono due calendari interconnessi in cui la data di partenza non può essere selezionata prima della data di arrivo scelta.

Iniziamo il nostro modulo con 2 campi Calendario come mostrato

Come creare una selezione di date Arrivo/Partenza image 2

Si prega di notare che i nomi dei nostri campi sono arrival e departure come mostrato

Nelle impostazioni del campo Arrival, cambiamo il formato per utilizzare solo la Data, abilitiamo il comportamento Date/Time Limits e impostiamo il End Date Field name:

Come creare una selezione di date Arrivo/Partenza image 3

Nel campo Departure facciamo lo stesso, ma qui impostiamo il Start Date Field Name:

Come creare una selezione di date Arrivo/Partenza image 4

 

Il risultato finale sono 2 campi calendario collegati in un intervallo di date, non possiamo selezionare date di Departure prima del 12 perché il 12 è la data di Arrival.

Come creare una selezione di date Arrivo/Partenza image 5