如何更改 noUiSlider 中的步骤？

问题描述

noUiSlider 上有一个滑块，范围从 3000 到 300,000。我不知道如何确保从 3000 到 5000 的步长等于 2000，而在 5 之后它等于 5000。并且是否可以以空格和标记的形式添加分隔符标记文本货币？ 5,000 美元、50,000 美元、150,000 美元。如果您提供帮助，我将不胜感激。

enter code here

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

解决方法

对于更改步骤，您需要配置一个 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: '$ '
        })
    },});