Bootstrap Range Slider Demo
No Description Available
var slider = new Slider("#adpRange",{
formatter: (value)=>{
$('.form-control').val(value);
}
});
$('.btn').click(()=>{
slider.setValue($('.form-control').val());
})
<div class="col-md-5 mt-4" style="margin:0 auto">
<h1>Bootstrap Range Slider</h1>
<input id="adpRange" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20000" data-slider-step="1000" data-slider-value="1500"/>
<div class="form-group mt-4">
<div class="form-inline">
<input type="text" class="form-control mb-2" style="width:75%">
<button class="btn btn-success">Set range</button>
</div>
</div>
</div>