Javascript 如何使滑块使用十进制值

Javascript 如何使滑块使用十进制值,javascript,nouislider,Javascript,Nouislider,我想显示一个滑块,其值从0千克到1千克,每100克显示一个点子,标签应分别显示“g”和“kg”: 0 100g 200g 300g 400g 500g 600g 700g 800g 900g 1kg 如何根据值设置标签的格式 我希望滑块以30g值为例,并使拇指显示在正确的位置。同时,如果用户拖动拇指,它应该在100克时折断 noUiSlider具有step属性。初始化如下: noUiSlider.create(容器、{ 范围:{ “min”:0, “最大”:1000, }, 步骤:100,

我想显示一个滑块,其值从0千克到1千克,每100克显示一个点子,标签应分别显示“g”和“kg”:

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

  • 如何根据值设置标签的格式

  • 我希望滑块以30g值为例,并使拇指显示在正确的位置。同时,如果用户拖动拇指,它应该在100克时折断


  • noUiSlider
    具有
    step
    属性。初始化如下:

    noUiSlider.create(容器、{
    范围:{
    “min”:0,
    “最大”:1000,
    },
    步骤:100,
    //……您的其他物品
    }
    
    这是否回答了您的问题?谢谢,但我如何根据值设置标签的格式?我将您的答案标记为正确,以避免回答问题的麻烦,虽然您没有真正回答我的问题,但我自己会解决的。谢谢。我不知道noUiSlider是否有此选项,但我相信它可能会在他们的git上添加一个有趣的内容hub。我可能会制作一个PR并这样做。如果我这样做,我会让你知道。你指的是哪个选项?根据标签的值格式化标签。