如何更改 noUiSlider 中的步骤？

Question

noUiSlider上有一个滑块，范围是3000到300,000。我不知道如何确保从 3000 到 5000 的步长等于 2000，五步之后等于 5000。是否可以添加 space 和 space 形式的分隔符标记文本货币中的标记？ 5,000 美元、50,000 美元、150,000 美元。我将不胜感激。

enter code here

https://codepen.io/fisherspoon/pen/jOBWJQP

Answer 1

对于更改步骤，您需要配置 non-linear slider with stepping。

对于格式，您可以设置 format option under pips。

noUiSlider.create(slider, {
    start: [3000],
    range: {
        min: [3000, 2000], // Start at 3000 with a step of 2000
        '1.68%': [5000, 5000], // From 5000, use a step of 5000
        max: [300000]
    },
    pips: {
        mode: 'values',
        values: [3000, 50000, 100000, 150000, 200000, 250000, 300000],
        format: wNumb({
            thousand: ',',
            decimals: 0,
            prefix: '$ '
        })
    },
});

如何更改 noUiSlider 中的步骤？

How do I change the step in noUiSlider?

javascript

jquery

nouislider