nouislider - 如何使用 NoUiSlider 设置小数范围 [0.5,1] 步长 [0.05]

Question

我使用的是 NoUiSlider 8.1.0，虽然返回的值是正确的有两位的小数，但刻度中显示的值如下：

+-----------+-----------+-------------+-----------+-------------+
1           1           1             1           1             1  

代替：

+-----------+-----------+-------------+-----------+-------------+
0.5        0.6          0.7           0.8         0.9           1

我怎样才能达到所需的规模？

这是我的代码：

 noUiSlider.create(slider, {
    start:0.5,
    step: 0.05,
    range:{
        'min':[0.5],
        'max':[1]
    },
    connect:'lower',
    pips:{
        mode:'steps',
        density:4

    },
    format: wNumb({decimals:2}),

});

谢谢！

Answer 1

您需要将format选项移至点数，它会起作用！

noUiSlider.create(slider, {
    start:0.5,
    step: 0.05,
    range:{
        'min':[0.5],
        'max':[1]
    },
    connect:'lower',
    pips:{
        mode:'steps',
        density:4,
        format: wNumb({ decimals: 2 }),
    },
});