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

Get seperate values form the bootstrap range-slider

本文关键字：获取 单独 范围      更新时间：2023-09-26

我正在尝试从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

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

这非常有效！

相关文章：