H5DoubleSlider

功能描述

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