получить значения диапазона с помощью слайдера bootstrap

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): неопределенными

Наконец, как получить значения диапазона (мин и макс, выбранных с помощью мыши)? К сожалению, у меня может быть только одно значение с кодом выше.

Если бы кто-нибудь мог мне помочь, это было бы хорошо.

Благодаря

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

потому самозагрузки диапазон ползунок возвращается массив.