Das XdevInlineDateField ist ein Date-Picker mit einer Monatsansicht für das Auswählen oder Anzeigen eines einzelnen Termins. Mit Hilfe einer Steuerleiste kann man monats- und jahresweise vor und zurück navigieren. Das XdevInlineDateField ist eine Formular-Komponente und kann via XdevFieldGroup persistiert werden.
Important properties:
RangeStart - Only the period after this date is visible.
RangeEnd - Only the period up to this date is visible.
Resolution
null - Calendar with day view (like DAY).
SECOND - Additional time display accurate to the second.
- MINUTE - Additional time display accurate to the minute.
- HOUR - Additional time display accurate to the hour.
- DAY - Standard view. Calendar with day view.
- MONTH - The control bar but not the calendar is displayed. You can use the control bar to navigate back and forth by month.
- YEAR - Only the control bar without calendar is displayed, with which you can navigate back and forth by year.
ShowISOWeekNumbers - Shows the respective calendar weeks.
- TimeZone - Determines a fixed time zone. When null is selected, the local timezone is automatically applied.
- DateFormat- Specify the format of the date and time by specifying the corresponding ISO format characters; e.g., dd.MM.yyyy for the date and hh:mm for the time. When null is selected, the local standard format is automatically applied.
Lenient - Accepts different date formats.
Wichtige Events:
valueChange - Wird ausgelöst, wenn die Selektierung verändert wurde.
Examples:
Datum zuweisen - Weist dem XdevInlineDateField ein Datum zu. Dies löst ein valueChange Event aus.
// Creates a date 1979-7-5 Date dateOfBirth = new Date(79,6,5); // Sets the date to the inlineDateField inlineDateField.setValue(dateOfBirth);
Datum auslesen
Date date = inlineDateField.getValue();
Selektierung zurücksetzen - Setzt die Selektierung auf den Ausgangszustand. Dies löst ein valueChange Event aus.
inlineDateField.clear();
Fokus setzen - Weist dem XdevInlineDateField den Focus zu. Dies kann ggf. ein focus Event auslösen.
inlineDateField.focus();
Hinweis:
- Date Methoden deprecated - Zahlreiche Methoden der Klasse Date sind als deprecated gekennzeichnet. Vaadin unterstützt aktuell jedoch nur die Klasse Date.