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