Question

如果您能帮助我解决问题，那就太好了。

我正在使用Bootstrap滑块（https://seiyria.com/bootstrap-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 slide = new Slider（'＃ex2'，{}）;           slide.on（\“ slide \”，function（sliderValue）{               document.getElementById（\“ ageSliderVal \”）。textContent = slideValue.replace（\“，\”，\“到\”）           }）;

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>

Bootstrap滑块...最小和最大...更改分隔符

3 个答案: