如何使滑块使用十进制值

Question

我想显示一个滑块，数值从 0kg 到 1kg，每 100g 有一个点，标签应该分别显示 'g' 和 'kg':

0 100g 200g 300g 400g 500g 600g 700g 800g 900g 1kg

1. 如何根据值格式化标签？

2. 我想让滑块以30g为例，让拇指出现在正确的位置。同时，如果用户拖动拇指，它应该在 100g 时捕捉。

Answer 1

noUiSlider 有一个 step 属性。像这样初始化：

noUiSlider.create(container, {
    range: {
        'min': 0,
        'max': 1000,
    },
    step: 100,
    //.... your other items
}