noUiSlider (с помощью API шагов) + wNumb - форматирование wNumb не работает для первой подсказки

Question

Я застрял .. Я хочу создать несколько ползунков диапазона с noUiSlider. Каждый ползунок должен обрабатывать значения (min = 2600000, max = 8500000,). Я форматирую число с помощью wNumb, но форматирование работает только для второй всплывающей подсказки (1-е игнорируется).

См. Мой текущий код здесь:

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
});

Сейчас Что я хочу

Answer 1

Вы передаете true для первой всплывающей подсказки вместо форматера. Это обеспечит всплывающую подсказку с форматированием слайдера по умолчанию. Чтобы использовать ваш форматтер для обеих подсказок, используйте tooltips: [moneyFormat, moneyFormat].