Date field

renders a calendar that allows the user to select a a date and optionally a time.

class: info.magnolia.ui.form.field.definition.DateFieldDefinition

Date field properties

Simple date field

form:
  tabs:
    - name: tabText
      label: Text
      fields:
        - name: date
          class: info.magnolia.ui.form.field.definition.DateFieldDefinition
          time: false
          type: Date
          label: Date

Node name	Value
form
tabs
tabText
fields
date
class	info.magnolia.ui.form.field.definition.DateFieldDefinition
time	false
type	Date
label	Date

You can use common field properties and the following properties in a date field definition:

Properties:

`<field name>`	Name of field.
`time`	optional, default is `false` Enables time selection. Renders dropdown boxes at the bottom of the calendar.
`type`	required Set the `type` property to `Date` to ensure that the value is saved as a `Calendar` object and not a `String`. The addition of this property is essential.
`dateFormat`	optional, default is `yyyy-MM-dd` Date format. See `SimpleDateFormat` class for allowed patterns.
`timeFormat`	optional, default is `HH:mm:ss` Time format. See `SimpleDateFormat` class for allowed patterns.

Page tree

Date field

Date field properties