Я использую ползунок Bootstrap на веб-странице в приложении React. Поскольку я не могу использовать JQuery для определения ползунка, я загрузил библиотеку bootstrap-slider.min.js и определил ползунок с атрибутами данных для тега ввода с помощью этого HTML-кода:
<input
type="range"
name="range-1a"
id="range-1a"
data-provide="slider"
data-slider-min="0"
data-slider-max="1000000"
data-slider-step="500"
data-slider-orientation="horizontal"
data-slider-tooltip="show"
data-slider-handle="round"
data-slider-tooltip-split="true"
data-slider-value="[0,1000000]"
data-value="0,1000000"
/>
Ползунок отображается правильно, и подсказки появляются над каждой ручкой при их перемещении. Но во всплывающих подсказках нет знаков доллара и запятых (например, значение, например «100000», отображается как «100 000 долларов»).
Документация для Bootstrap-slider гласит, что объект форматирования может быть определен для ползунка для форматирования вывода всплывающей подсказки, но его нельзя установить в атрибуте data-slider-formatter.
Как я могу заставить этот слайдер вызывать функцию formatter () для определения текста всплывающей подсказки?