Configuration selectedRange

Specifies the range to be selected when displaying the RangeSelector.

Type: Object

The selected range is the entire scale by default. To set the required range to be selected after the RangeSelector widget is displayed on a page, set the startValue and endValue properties for the selectedRange configuration object.

You can write a callback function to react to a change in the selected range. Assign this function to the onSelectedRangeChanged option.

Show Example:
jQuery

In this example, the [2, 5] range is set as a selected range after the RangeSelector widget is displayed.

<div id="rangeSelectorContainer" style="height:120px;max-width:600px;margin:0px auto"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: 0,
            endValue: 10
        },
        selectedRange: {
            startValue: 2,
            endValue: 5
        }
    });
});

endValue

Specifies the end value of the range to be selected when displaying the RangeSelector widget on a page.

Cannot be used in themes.

startValue

Specifies the start value of the range to be selected when displaying the RangeSelector widget on a page.

Cannot be used in themes.