如何使用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 }),
    },
});