从bootstrap range-slider获取单独的值

时间:2016-04-23 11:22:14

标签: javascript jquery twitter-bootstrap

我试图从bootstrap范围滑块获取最小值和最大值。我希望在数组中使用这两个值。

我有function

var slider = new Slider('#periodslider', {
     formatter: function(value) {
         var period = ['1-1/Jaar-2', '1-6/Jaar-2', '31-12/Jaar-2', '1-1/Jaar-1', '1-6/Jaar-1', '31-12/Jaar-1'];
         //return period[value - 1];
     }
});

我想要的是使用min值将值标记为句点数组中的标签。最大值也是如此。

使用普通滑块我使用此function

var slider = new Slider("#frequencyslider", {
    //tooltip: 'always',
    formatter: function(value) {
        var frequency = ['Maand', 'Kwartaal', 'Jaar'];
        return frequency[value - 1];
    }
});

这不适用于我想要的东西,因为它使用范围滑块将值输出为:1:5

1 个答案:

答案 0 :(得分:0)

我找到了解决方案:bootstrap-slider.js的文档指出,对于范围滑块,值类型不是float而是array

为了得到我想要的东西,我做了这样的功能:

var slider = new Slider('#periodslider', {
 formatter: function(value) {
     var period = ['1-2013', '7-2013', '1-2014', '7-2014', '1-2015'];
     return period[value[0]] + " tot " + period[value[1]];
     }
});

这完美无缺!