如何从引导程序滑块获取当前值

How do i get current value from bootstrap slider?

本文关键字：获取 引导程序      更新时间：2023-09-26

这与我在这个链接中提出的问题有关。我如何获得Bootstrap滑块的最小值和最大值？

在那次讨论中，我没能得到这个问题的答案，这就是为什么我打算把它作为一个新问题来问。

我需要的是从javascript中的引导滑块控件中获取当前的最小值和最大值。

这就是我的控制看起来像的样子

<input id="rbSlider" type="text" class="span2" value="" data-slider-min="0" data-slider-max="1000" data-slider-step="5" data-slider-value="[0,1000]" />

在我的按钮点击中，我试图使用以下获得它的最小值和最大值

var min = $('#rbSlider').data('slider-min');
var max = $('#rbSlider').data('slider-max');

但它总是将"最小"返回为0，将"最大"返回为1000，甚至将其设置为"最小2"answers"最大10"。

如何在javascript中获得2和10？

当然可以这样做：

var min = $('#rbSlider').data('slider').options.min;
var max = $('#rbSlider').data('slider').options.max;

更新

可能您需要：

var min = $('#crSlider').data('slider').options.value[0];
var max = $('#crSlider').data('slider').options.value[1];

通常，如果您想访问使用widget Factory创建的小部件数据(https://learn.jquery.com/jquery-ui/widget-factory/how-to-use-the-widget-factory/)你可以使用以下模式：

var widget = $(selector).data(widget_name);

因此，如果您初始化小部件，例如：

$('#ex1').datepicker();

您可以通过以下方式访问小部件数据：

var datepicker = $('#ex1').data('datepicker');

通常小部件参数在"options"属性中。

使用一些Firebug或其他网络开发工具，玩一下你可以看到你可以访问什么以及如何访问。

问候Piotr

相关文章：