使用引导滑块获取范围值

Question

我想用引导滑块获取范围的值。

我有：

 <label "slider"><b>Lengths</b></label>
       <input id="slider1" type="text" class="span2" value="" data-slider-min="0.2" data-slider-max="9.8" data-slider-step="0.2" data-slider-value="[3.4,6.6]"/>

还有我的 javascript 代码：

  var slider= new Slider("#slider1");
   slider.on("slide", function(slideEvt) {
      console.log(slideEvt.value);
      });

但我收到以下错误（对于 console.log）：undefined

最后，如何获取范围值（用鼠标选择的最小值和最大值）？不幸的是，上面的代码只能有一个值。

如果有人可以帮助我，那就太好了。

谢谢

Answer 1

您可以使用.getValue()方法获取滑块的值

var slider = new Slider("#slider1");
slider.on("slide", function(slideEvt) {
 console.log(slider.getValue() );
});

这是一个演示http://jsbin.com/detapa/2/edit?html,js,output

Answer 2

您的代码是正确的。您只错过了

处的数组索引

console.log(slideEvt.value);

所以你的代码应该是：

console.log(slideEvt.value[0]);

因为引导 range 滑块返回了一个数组。