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.
Wichtige Properies:
RangeStart - Nur der Zeitraum ab diesem Termin ist sichtbar.
RangeEnd - Nur der Zeitraum bis zu diesem Termin ist sichtbar.
Resolution
null - Kalender mit Tages-Ansicht (wie DAY).
SECOND - Zusätzliche sekundengenaue Zeit-Anzeige.
- MINUTE - Zusätzliche minutengenaue Zeit-Anzeige.
- HOUR - Zusätzliche stundengenaue Zeit-Anzeige.
- DAY - Standard-Ansicht. Kalender mit Tages-Ansicht.
- MONTH - Es wird nur die Steuerleiste ohne Kalender angezeigt, mit der man monatsweise vor und zurück navigieren kann.
- YEAR - Es wird nur die Steuerleiste ohne Kalender angezeigt, mit der man jahresweise vor und zurück navigieren kann.
ShowISOWeekNumbers - Zeigt die jeweiligen Kalenderwochen an.
TimeZone - Legt eine feste Zeitzone fest. null wählt automatisch die lokale Zeitzone.
DateFormat - Darstellung von Datum und Uhrzeit durch die Angabe entsprechender ISO Formatzeichen, z.B. dd.MM.yyyy für das Datum und hh:mm für die Uhrzeit. null wählt automatisch die lokale Standard-Formatierung.
Lenient - Legt fest, dass die Zeit- und Datumsansicht großzügig ist.
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 object Date dateOfBirth = new Date(); date.setYear(79); date.setMonth(6); date.setDate(5); // Sets the date to the popupDateField 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. Da Vaadin unterstützt aktuell jedoch nur die Klasse Date.