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

Slide

events

Fires when the user drags the drag handle to a new position.

slide

Event Data

e.value `Array`

Represents an array of values of the current positions of the first and second drag handle.

<div id="rangeslider" style="width: 200px;">
    <input />
    <input />
</div>
<script>
    $("#rangeslider").kendoRangeSlider({
        slide: function(e) {
            console.log("Sliding - current positions:", e.value);
            console.log("Start position:", e.value[0]);
            console.log("End position:", e.value[1]);
        },
        min: 0,
        max: 100,
        selectionStart: 30,
        selectionEnd: 70
    });
</script>

Slide

slide

Event Data

e.value Array

e.value `Array`