0

我在 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() 函数来定义工具提示文本？

4

0 回答 0