doubleSlider

功能描述

doubleSlider是双滑块选择器的原生js实现

依赖模块

快速使用

  1. var slider = doubleSlider({
  2. el: document.getElementById('slider'),
  3. range: [0, 100],
  4. initVal: [20, 50],
  5. inputChange: function(inputValues) {
  6. console.log(inputValues)
  7. }
  8. });

配置项

el

  • 类型:HTMLElement
  • 默认值:null
  • 作用:滑块DIV
  • 是否必传:是

    range

  • 类型:Array

  • 默认值:[0,100]
  • 作用:取值范围
  • 是否必传:否

    initVal

  • 类型:Array

  • 默认值:[10,20]
  • 作用:初始值
  • 是否必传:否

    inputChange

  • 类型:Function

  • 默认值:无
  • 作用:滑块值变化回调
  • 是否必传:否

注意项

  1. 由于用了relative, 部分场景下滑块DIV需要设置height