基于bootstrap的rangeslider

80 阅读1分钟

之前用的ion.rangeslider比较多,但是在bootstrap下兼容好像有问题,索性直接找了一个基于bootstrap的插件 github.com/seiyria/boo…

在使用参数初始化的过程中倒是没有什么问题,但是再改变slider的值的时候需要稍微注意一下用法:

var min=100,max=200;
var option = {
   min: min,
   max: max,
   step: 1,
   value: [min, max],
   formatter: function (value) {
        return 'from '+min+' to '+max;
   }
}
var rangeSlider = $('.rangeSlider').slider(option);
​
​
var newVal=[newStart,newEnd];
rangeSlider.slider('setValue', newVal); //关键是这里的setValue直接作为参数,而不是作为方法调用的,这一点需要稍微留意一下

image-20221209150735398.png