Looking for the old docs site? You can still view it for a limited time here.

widget:date-range

Description

Creates two date-time picker inputs for setting a date range filter.

Usage

as element:
<widget:date-range
       field="{string}"
       [date-format="{string}"]
       [from-label="{string}"]
       [to-label="{string}"]
       [on-set="{function}"]
       [min-view="{string}"]
       [from-model="{string}"]
       [to-model="{string}"]>
</widget:date-range>

Parameters

Param Type Details
field string

Field to apply filter to
date-format
(optional)
 string

Date format to display
from-label
(optional)
 string

From input label
to-label
(optional)
 string

To input label
on-set
(optional)
 function

Function to call when a date has been set instead of applying filters. Two arguments are passed to the function from Date object, to Date object
min-view
(optional)
 string

The minimum view of the date picker to display. Values: 'year/month/day/hour/minute'. Default 'minute'.
from-model
(optional)
 string

A binding to a scoped variable, the from date picker will be set using this value.
to-model
(optional)
 string

A binding to a scoped variable, the to date picker will be set using this value.

Example

Source









Demo