New to Kendo UI for jQuery? Start a free 30-day trial

Change

events

Fires when the RangeSlider value changes as a result of selecting a new value with one of the drag handles or the keyboard.

change

Event Data

e.value `Array`

Represents the updated array of values of the first and second drag handle.

<div id="rangeslider" style="width: 200px;">
    <input />
    <input />
</div>
<script>
    $("#rangeslider").kendoRangeSlider({
        change: function(e) {
            console.log("Range changed to:", e.value);
            console.log("Start value:", e.value[0]);
            console.log("End value:", e.value[1]);
        },
        min: 0,
        max: 100,
        selectionStart: 20,
        selectionEnd: 80
    });
</script>

Change

change

Event Data

e.value Array

e.value `Array`