Ползунок начальной загрузки ... Мин. И Макс. ... Изменить разделитель - PullRequest
Новая
       20

Ползунок начальной загрузки ... Мин. И Макс. ... Изменить разделитель

0 голосов
/ 28 октября 2018

Было бы здорово, если бы вы могли помочь мне с проблемой.

Я использую Bootstrap Slider (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>

Ответы [ 3 ]

0 голосов
/ 28 октября 2018

К сожалению, это не работает для меня.

Я должен интегрировать код с обратной косой чертой в php, и тогда больше ничего не работает.

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

0 голосов
/ 28 октября 2018

У меня есть решение.

Работает после использования toString () 

    <script>
    var slider = new Slider('#ex2', {});
    slider.on("slide", function(sliderValue) {
        var sliderValue = sliderValue.toString();
        document.getElementById("ageSliderVal").textContent = sliderValue.replace(",", " to ")
    });     
</script>
0 голосов
/ 28 октября 2018 
document.getElementById("ageSliderVal").textContent = sliderValue.replace(",", " to ")

См. https://www.w3schools.com/jsref/jsref_replace.asp

...