doubleSlider
功能描述
doubleSlider是双滑块选择器的原生js实现
依赖模块
无
快速使用
var slider = doubleSlider({
el: document.getElementById('slider'),
range: [0, 100],
initVal: [20, 50],
inputChange: function(inputValues) {
console.log(inputValues)
}
});
配置项
el
- 类型:HTMLElement
- 默认值:null
- 作用:滑块DIV
是否必传:是
range
类型:Array
- 默认值:[0,100]
- 作用:取值范围
是否必传:否
initVal
类型:Array
- 默认值:[10,20]
- 作用:初始值
是否必传:否
inputChange
类型:Function
- 默认值:无
- 作用:滑块值变化回调
- 是否必传:否
注意项
由于用了relative, 部分场景下滑块DIV需要设置height