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