Question

我正在使用materializecss和noUiSlider 我想让用户轻松选择一个范围，所以我用noUiSlider实现了它。但是在某些值上我总是得到小数。

例如：
我希望范围从15到55，但如果我尝试调整滑块，我会得到：15 - 55.00000000000001如果我尝试54 or 56，我会得到正确的值。
只有几个数字出现这种行为，但我真的不知道我做错了什么。

我的代码：

var filterAgeSlider = document.getElementById('filter-range-age');
    noUiSlider.create(filterAgeSlider, {
        start: [15, 80],
        step: 1,
        connect: true,
        range: {
            'min': 15,
            'max': 100
        },
        format: wNumb({
            decimals: 0
        })
    });

    filterAgeSlider.noUiSlider.on('update', function (values, handle) {
        $("#filter-slider-age-value").html("Range: " + values[0] + " - " + values[1]);
        $('#min-age').val(values[0]);
        $('#max-age').val(values[1]);
    });

HTML

   <div class="row">
         <div class="input-field col s12">
                 <div id="filter-range-age"></div>
                 <label for="filter-range-age" id="filter-slider-age-value"></label>
                 <input type="hidden" name="min-age">
                 <input type="hidden" name="max-age">
          </div>
   </div>

NoUiSlider给出小数，只需要整数

0 个答案: