change
Fires when the RangeSlider value changes as a result of selecting a new value with one of the drag handles or the keyboard.
Example
<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>Event Data
e.value Array
Represents the updated array of values of the first and second drag handle.