如何为Input标签中的Bootstrap滑块定义格式化程序功能？

Question

我在React应用程序的网页上使用Bootstrap滑块。因为无法使用JQuery定义滑块，所以我已经加载了bootstrap-slider.min.js库，并使用以下HTML代码将具有data-属性的滑块定义到了输入标签：

<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（）函数来定义工具提示文本？