引导程序滑块...Min和Max ..。更改分隔符

Question

如果你能帮我解决一个问题，那就太好了。

我正在使用Bootstrap Slider (https://seiyria.com/bootstrap-slider/)。

我想要显示当前的Slider值。

它与逗号一起工作。如何将'，‘->’更改为‘

​

Age Range ...<br/>
<b>18</b> &nbsp; &nbsp;  <span><input id="ex2" type="text" class="span2" value="" data-slider-min="18" data-slider-max="100" data-slider-step="1" data-slider-value="[30,55]"/></span> &nbsp; &nbsp; <b>100</b><br/>
<span id="ageSliderLabel">Current Slider Value: <span id="ageSliderVal">30,55</span></span>


	<!-- Bootstrap Slider -->
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.2.1/css/bootstrap-slider.css" rel="stylesheet">	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.2.1/bootstrap-slider.js"></script>		
	
	<script>
		var slider = new Slider('#ex2', {});
		slider.on("slide", function(sliderValue) {
			document.getElementById("ageSliderVal").textContent = sliderValue; 
		});		
	</script>

​

Answer 1

document.getElementById("ageSliderVal").textContent = sliderValue.replace(",", " to ")

请参阅https://www.w3schools.com/jsref/jsref_replace.asp

Answer 2

不幸的是，它对我不起作用。

我必须在php中集成带有反斜杠的代码，然后什么都不能工作。

var slider = new Slider('#ex2', {}); slider.on(\"slide\", function(sliderValue) { document.getElementById(\"ageSliderVal\").textContent = sliderValue.replace(\",\", \" to \") });

Answer 3

我有解决方案。

在使用toString()之后，它可以正常工作

    <script>
    var slider = new Slider('#ex2', {});
    slider.on("slide", function(sliderValue) {
        var sliderValue = sliderValue.toString();
        document.getElementById("ageSliderVal").textContent = sliderValue.replace(",", " to ")
    });     
</script>