Product Selector

Fusion 5.12
    Fusion 5.12

    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

    <widget:date-range field="date"></widget:date-range>