Page Comparison

Das XdevPopupDateField ist ein Date-Picker, der bei Mausklick auf das Kalender-Icon ein XdevInlineDateField für das Auswählen eines einzelnen Termins anzeigt. Mit Hilfe einer Steuerleiste kann man im eingeblendeten XdevInlineDateField monats- und jahresweise vor und zurück navigieren. Der selektierte Termin wird danach im XdevPopupDateField angezeigt. Das XdevPopupDateField ist eine Formular-Komponente und kann via XdevFieldGroup persistiert werden.

Image Removed

Wichtige Properies:

...

RangeStart - Nur der Zeitraum ab diesem Termin ist sichtbar.

...

The XdevPopupDateField is a date selector that displays an XdevInlineDateField when you click on the calendar icon and select a specific date. With the help of the control bar, you can navigate back and forth by month and year. The selected date is then displayed in the XdevPopupDateField.

Image Added

Important properties:

• RangeStart - Only the period after this date is visible.

• RangeEnd - Only the period up to this date is visible.

• Resolution 

  • null - Kalender mit Tages-Ansicht  (wie Calendar with day view (like DAY).

  • SECOND - Zusätzliche sekundengenaue Zeit-Anzeige  Additional time display accurate to the second.
    

  • MINUTE - Zusätzliche minutengenaue Zeit-Anzeige  Additional time display accurate to the minute.
  • HOUR - Zusätzliche stundengenaue Zeit-Anzeige Additional time display accurate to the hour.
  • DAY - Standard-Ansicht. Kalender mit Tages-Ansicht Standard view. Calendar with day view.
  • MONTH - Es wird nur die Steuerleiste ohne Kalender angezeigt, mit der man monatsweise vor und zurück navigieren kann.   The control bar but not the calendar is displayed. You can use the control bar to navigate back and forth by month.
    
  • YEAR - Es wird nur die Steuerleiste ohne Kalender angezeigt, mit der man jahresweise vor und zurück navigieren kann.   Only the control bar without calendar is displayed, with which you can navigate back and forth by year.  
    

• ShowISOWeekNumbers  - Zeigt die jeweiligen Kalenderwochen an- Shows the respective calendar weeks.
  

• TimeZone  - Legt eine feste Zeitzone fest. null wählt automatisch die lokale Zeitzone- Determines a fixed time zone. When null is selected, the local timezone is automatically applied. 
• DateFormat- Darstellung von Datum und Uhrzeit durch die Angabe entsprechender ISO Formatzeichen, z.B.  Specify the format of the date and time by specifying the corresponding ISO format characters; e.g., dd.MM.yyyy für das Datum und  for the date and hh:mm für die Uhrzeit. null wählt automatisch die lokale Standard-Formatierung for the time. When null is selected, the local standard format is automatically applied.

• Lenient  - Akzeptiert unterschiedliche Datum Schreibweisen.  

...

• - 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 XdevPopupDateField ein Datum zu. Dies löst ein valueChange Event ausAllocate date - Allocates the date to the XdevPopupDateField. This triggers a valueChange event.

  Code Block
  language java theme Confluence
  // Creates a date object Date dateOfBirth = new Date(79,6,5); // Sets the date to the popupDateField popupDateField.setValue(dateOfBirth);

• Datum auslesen Read date  

  Code Block
  language java theme Confluence
  Date date = popupDateField.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
  popupDateField.clear();

• Fokus setzen - Weist dem XdevPopupDateField den Focus zu. Dies kann ggf. ein focus Event auslösenSet focus: Allocates the focus to the XdevInlineDateField. This can trigger a focus event, if necessary.

  Code Block
  language java theme Confluence
  popupDateField.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.

Go toXdevPopupDateField Javadoc