nouislider - 没有 UiSlider 删除小数点？

Question

如何从链接输出中删除小数位

我正在使用此代码

$("#slider_01").noUiSlider({
    start: [2000, 24000],
    connect: true,
    step: 0.01,

    range: {
        'min': 0,
        'max': 28500
    },
    format: wNumb({
        decimals: false,
        thousand: ',',
        prefix: '$ ',
    })
});

$('#slider_01').Link('lower').to($('#value-lower_1'));

$('#slider_01').Link('upper').to($('#value-upper_1'));

Answer 1

wNumb在我正在使用的环境中，我无权访问该库。

看看图书馆的引擎盖，这也有效：

$("#slider_01").noUiSlider({
    ...
    format: {
        to: (v) => parseFloat(v).toFixed(0),
        from: (v) => parseFloat(v).toFixed(0)
    }
});

Answer 2

小数decimals: false无效，使用decimals: 0. 此外，您正在为该.val()方法设置格式。像这样使用它：

$('#slider_01').Link('lower').to($('#value-lower_1'), null, wNumb({
    decimals: 0,
    thousand: ',',
    prefix: '$ ',
}));

Answer 3

将更改step为。0.011

Answer 4

我知道这是一个非常古老的问题，但我不想包含另一个库 Wnumb 只是为了从一个地方删除小数点。这是我不使用 wnumb 的解决方案。

    var slider = document.getElementById('prcsldr');
    noUiSlider.create(slider, {
        start: [10000],
        range: {
            min: 1000,
            max: 50000              
        },
        step: 1000,
        format:{
            to: (v) => v | 0,
            from: (v) => v | 0
        }
    });