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
是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18