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