jQuery asRange Plugin Examples

Modes

asRange


$(".range-example-single").asRange({
    step: 10,
    limit: true,
    format: function(value) {
        return '$' + value;
    }
});
            

$(".range-example-2").asRange({
    range: true,
    limit: true,
    tip: {
        active: 'onMove'
    }
});
            

$(".range-example-2").asRange({
    range: true,
    limit: true,
    tip: {
        active: 'onMove'
    },
    keyboard: true
});
            

$(".range-example-5").asRange({
    step: 0.1,
    range: false,
    min: 0,
    max: 10
});        

$(".range-example-3").asRange({
    range: true,
    limit: false
});

$(".range-example-4").asRange({
    tip: false,
    range: true,
    limit: false
}); 

$(".range-example-single-1").asRange({
    step: 0.01,
    range: false,
    min: 0,
    max: 1
}); 

$(".range-example-start").asRange({
    step: 1,
    range: false,
    min: 2,
    max: 12
}); 

build on input


$(".range-example-input").asRange({
    range: false,
    limit: false
});   

build on input with range


$(".range-example-input-2").asRange({
    range: true,
    limit: false
});   

build on input with range


$(".range-example-input-3").asRange({
    range: true,
    limit: false
});   

build on input with range


$(".range-example-input-4").asRange({
    range: false,
    limit: false
});   

build on input with range


$(".range-example-input-5").asRange({
    range: true,
    limit: false
});