noUiSlider（使用步骤 API）+ wNumb - wNumb 格式不适用于第一个工具提示

Question

我卡住了..我想用 noUiSlider 创建多个范围滑块。每个滑块必须处理到值之间（最小值=2600000，最大值=8500000，）。我使用 wNumb 格式化数字，但格式化仅适用于第二个工具提示（第一个忽略）。

在此处查看我当前的代码：

HTML

<div id="steps-slider"></div>

JS

var stepsSlider = document.getElementById('steps-slider');
var input0 = document.getElementById('input-with-keypress-0');
var input1 = document.getElementById('input-with-keypress-1');
var inputs = [input0, input1];

var moneyFormat = wNumb({
    decimals: 0,
    thousand: ' ',
});

noUiSlider.create(stepsSlider, {
  start: [2650000, 8500000],
  connect: true,
  tooltips: [true, moneyFormat],
  range: {
      'min': 2650000,
      'max': 8500000
});

Now What i want

Answer 1

您正在为第一个工具提示传递 true，而不是格式化程序。这将提供带有默认滑块格式的工具提示。要将格式化程序用于两个工具提示，请使用 tooltips: [moneyFormat, moneyFormat].

noUiSlider（使用步骤 API）+ wNumb - wNumb 格式不适用于第一个工具提示

noUiSlider(Using the steps API) + wNumb - wNumb formating doesnt work for the first tooltip

html

javascript

css

nouislider