Page Comparison

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.

Image Removed

Wichtige Properies:

...

RangeStart - Nur der Zeitraum ab diesem Termin ist sichtbar.

...

The 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.

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.
      Image Modified

    • 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.
      Image Modified
    • 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.  
      Image Modified

  • ShowISOWeekNumbers -

  Zeigt die jeweiligen Kalenderwochen an

  •  Shows the respective calendar weeks.
    Image Modified

  • 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 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.

Go to XdevInlineDateField Javadoc