RangePicker

A control to enter or select a date range.

Scenes to be used

  • When the user needs to input a date range, they can click the standard input box to pop up the date panel to select two dates and times.

  • Edit on the filter toolbar to query the specified data within the date range

Example

Note: When data entry related components are used in the filter of the chart page, the JSON format is different.
{
"RangePicker": {
"bind": "range",
"input": {
"type": "RangePicker",
"props": {
"placeholder": ["start time", "end time"]
}
}
}
}

Props

type IProps = TimeRangePickerProps & Component.PropsEditComponent & {}

See Antd RangePicker for other properties

RangePicker

A control to enter or select a date range.

Scenes to be used

  • When the user needs to input a date range, they can click the standard input box to pop up the date panel to select two dates and times.

  • Edit on the filter toolbar to query the specified data within the date range

Example

Note: When data entry related components are used in the filter of the chart page, the JSON format is different.
{
"RangePicker": {
"bind": "range",
"input": {
"type": "RangePicker",
"props": {
"placeholder": ["start time", "end time"]
}
}
}
}

Props

type IProps = TimeRangePickerProps & Component.PropsEditComponent & {}

See Antd RangePicker for other properties