从引导范围滑块中获取单独的值答案

【问题标题】：Get seperate values form the bootstrap range-slider从引导范围滑块中获取单独的值
【发布时间】：2016-04-23 11:22:13
【问题描述】：

我正在尝试从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];
     }
});

我想要的是使用最小值将值标记为周期数组中的标签。最大值也是如此。

我使用普通滑块function:

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

这不适用于我想要的，因为使用范围滑块将值输出为：1:5

【问题讨论】：

标签： javascript jquery twitter-bootstrap

【解决方案1】：

我找到了解决方案：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]];
     }
});

这很好用！

【讨论】：