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

Question

我被卡住了..我想用 noUiSlider 创建多个范围 slider 。每个 slider 必须处理 2 个值(最小值 = 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，而不是格式化程序。这将提供带有默认 slider 格式的工具提示。要将格式化程序用于两个工具提示，请使用tooltips: [moneyFormat, MoneyFormat]。