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 werdenThe XdevInlineDateField is a date selector that contains a monthly overview for selecting or displaying an individual date. With the help of the control bar, you can navigate back and forth by month and year. The XdevInlineDateField is a form component and can be persisted via the XdevFieldGroup.
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.
...
Important events:
valueChange - Wird ausgelöst, wenn die Selektierung verändert wurdeIs triggered when the selection has been changed.
Examples:
Datum zuweisen - Weist dem XdevInlineDateField ein Datum zu. Dies löst ein valueChange Event ausAllocate date - Allocates the date to the XdevinlineDateField. This triggers a valueChange event.
Code Block language java theme Confluence // Creates a date 1979-7-5 Date dateOfBirth = new Date(79,6,5); // Sets the date to the inlineDateField inlineDateField.setValue(dateOfBirth);
Datum auslesen Read date
Code Block language java theme Confluence Date date = inlineDateField.getValue();
Selektierung zurücksetzen - Setzt die Selektierung auf den Ausgangszustand. Dies löst ein valueChange Event ausReset selection - Sets the selection to the initial state. This triggers a valueChange event.
Code Block language java theme Confluence inlineDateField.clear();
Fokus setzen - Weist dem XdevInlineDateField den Focus zu. Dies kann ggf. ein focus Event auslösenSet focus - Allocates the focus to the XdevPopupDateField. This can trigger a focus event, if necessary.
Code Block language java theme Confluence inlineDateField.focus();
...
Note:
- Date Methoden methods deprecated - Zahlreiche Methoden der Klasse Date sind als deprecated gekennzeichnet. Vaadin unterstützt aktuell jedoch nur die Klasse Date.
...
- - A number of different methods for the Date class are indicated as deprecated. However, Vaadin currently supports only the Date class.