Breaking News: Grepper is joining You.com. Read the official announcement!

Get value from ionRangeSlider in jquery

Brave Butterfly answered on November 1, 2021 Popularity 4/10 Helpfulness 1/10

answer Get value from ionRangeSlider in jquery

Get value from ionRangeSlider in jquery

Comment

var $range = $(".js-range-slider"),
    $inputFrom = $(".js-input-from"),
    $inputTo = $(".js-input-to"),
    instance,
    min = 0,
    max = 1000;

$range.ionRangeSlider({
    type: "double",
    min: min,
    max: max,
    from: 100,
    to: 900,
    onStart: updateInputs,
    onChange: updateInputs,
    onFinish: updateInputs
});

function updateInputs (data) {
    $inputFrom.prop("value", data.from);
    $inputTo.prop("value", data.to);
}

instance = $range.data("ionRangeSlider");

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: get ion-range-slider javascript jquery

Link to this answer
Share Copy Link