使用 bootstrap 滑块获取范围值

Question

我想使用 bootstrap 滑块获取范围值。

我有：

 <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）：未定义

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

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

谢谢

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]);

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

使用 bootstrap 滑块获取范围值

get the range values with bootstrap slider

javascript

jquery

slider

twitter-bootstrap