Wie man eine Ankunfts-/Abreisedatum-Auswahl erstellt

Schritt-für-Schritt-Anleitung zur Erstellung verbundener Datumsbereich-Kalenderfelder

Overview

Dieses Tutorial zeigt, wie man zwei Kalenderfelder namens "arrival" und "departure" verbindet, um einen Datumsbereichsauswähler zu erstellen. Sie konfigurieren das Ankunfts-Feld mit Datums-/Zeitbeschränkungen und legen das Enddatum-Feld fest, dann wenden ähnliche Einstellungen auf das Abreise-Feld mit dem Startdatum-Feld an. Das Ergebnis sind zwei miteinander verbundene Kalender, bei denen das Abreisedatum nicht vor dem gewählten Ankunftsdatum ausgewählt werden kann.

Wir beginnen unser Formular mit 2 Kalenderfeldern, wie gezeigt

Wie man eine Ankunfts-/Abreisedatum-Auswahl erstellt image 2

Bitte beachten Sie, dass unsere Feldnamen arrival und departure sind, wie gezeigt

In den Einstellungen des Arrival-Feldes ändern wir das Format, um nur das Datum zu verwenden, wir aktivieren das Verhalten Date/Time Limits und legen den End Date Field name fest:

Wie man eine Ankunfts-/Abreisedatum-Auswahl erstellt image 3

Im Departure-Feld machen wir dasselbe, aber hier legen wir den Start Date Field Name fest:

Wie man eine Ankunfts-/Abreisedatum-Auswahl erstellt image 4

 

Das Endergebnis sind 2 Kalenderfelder, die im Datumsbereich verbunden sind. Wir können keine Departure-Daten vor dem 12. auswählen, weil der 12. das Arrival-Datum ist.

Wie man eine Ankunfts-/Abreisedatum-Auswahl erstellt image 5