Как получить значение загрузочного слайдера?

Как получить значения бутстрапа слайдера для скрытых iputs?

 <input type="hidden" name="min_value" id="min_value" value="">
 <input type="hidden" name="max_value" id="max_value" value="">

 $(function() {
    $( "#slider-range-s1" ).slider({
        range: true,
        min: 0,
        max: 500,
        value: [ 0, 500 ]
    });
 });

Ответ 1

Я думаю, что в настоящее время он сломан.

Документация гласит:

Методы

.slider( 'GetValue')

Получить значение.

Как бы то ни было, вызов $('#sliderDivId').slider('getValue') возвращает селектор jQuery, а не значение...

Теперь вы можете вручную захватить его из объекта данных... $('#sliderDivId').data('slider').getValue()

Ответ 2

быстрое исправление:

$.fn.slider = function (option, val) {

    if (typeof option == 'string') {
        if (this.length) {
            var data = this.eq(0).data('slider');
            if (data)
                return data[option](val);

            return null;
        }
    }

    return this.each(function () {
        var $this = $(this),
            data = $this.data('slider'),
            options = typeof option === 'object' && option;
        if (!data) {
            $this.data('slider', (data = new Slider(this, $.extend({}, $.fn.slider.defaults, options))));
        }
    })
};

Ответ 3

Проблема состоит в том, что в этом примере $('# sliderDivId') содержится более одного элемента с тем же идентификатором (ползунок div и вход в ползунок div). Если вы выберите элемент ввода с помощью JQuery, вы можете использовать API-интерфейс слайдера.

$('input[id="sliderDivId"]').slider('getValue')

Ответ 4

В момент написания это немного шелушатся, но вы можете заставить его работать:

1/Убедитесь, что вы указали пустой диапазон, начиная "значение [0]". Если вы это сделаете, то его внутреннее поле значения станет undefined, например.

$('#setBidDialogSlider').slider({ value: [0], max: max, step: 0.2, formater: function(v) { return v.toFixed(2)+"BTC" } });

2/Теперь вы можете поймать значение в событии

$('#setBidDialogSlider').slider().on('slide', function(ev) {
    $scope.dialog.order_value = ev.value*$scope.dialog.price;
});

Ответ 5

Я знаю, что опаздываю, но это все еще сломано, но, чтобы исправить это, откройте bootstrap-sliders.js и введите эти три вещи:

самый конец первой функции: Slider:

this.calculateValue();

перед: return val; в функции calculateValue

grandVal = val;

после функции $.fn.slider:

$.fn.sliderValue = function(){
    return grandVal;
};
var grandVal;

Теперь вы можете получить доступ к значению $('#MySliderId').sliderValue()

Ответ 6

вы можете использовать это из встроенной функции

$( "#slider-range-s1" ).slider({
    range: true,
    min: 0,
    max: 500,
    value: [ 0, 500 ]
    slide: function( event, ui ) {
        // u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    },
    change: function(event, ui) {
        // or u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    }
});

и спасибо, я думал, что смогу поделиться этим с вами, ребята: D