Я использую nouislider (http://refreshless.com/nouislider/), но то, что я пытаюсь сделать, - это получить значение, выводимое из слайдера, выглядящего следующим образом:
£ 3500
Скорее, чем:
3500
Пока что мой код выглядит следующим образом:
<script>
var slider = $('#sample-update-slider');
slider.noUiSlider({
range: [250, 75000],
start: 11500,
handles: 1,
margin: 2,
step: 250,
serialization: {
to: [$('#value'), 'text'],
resolution: 1
}
});
</script>
Для любого из вас, знакомого с nouislider, значение выводится на диапазон с идентификатором значения.
Надеюсь, кто-то может помочь!
благодаря
Дейв
Спасибо за каждого, кто посмотрел на этот вопрос, у меня есть часть ответа с помощью разработчика nouislider, но он, кажется, занят, поэтому он не дал мне полного ответа.
до сих пор мне удалось добавить валюту к номеру со следующим скриптом:
var slider = $('#totaldebt');
slider.noUiSlider({
range: [250, 75000]
,start: 14500
,handles: 1
,margin: 2
,step: 250
,serialization: {
to: function( value ) {
var value = "£" + value;
$('#totaldebt-value').text( value );
} ,resolution: 1
}
});
Код, который добавляет валюту к выходу:
to: function( value ) {
var value = "£" + value;
$('#totaldebt-value').text( value );
}
Моя другая проблема заключается в разделении чисел, которые больше 1000 с запятыми, поэтому 1000 становится 1000.
Спасибо всем
Я использовал эту функцию в своем скрипте:
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
Тогда мой код nouislider:
$slider.noUiSlider({
range: [80000,1000000],
start: [250000],
step: [sliderStep],
connect: "lower",
handles: 1,
serialization: {
to: function(value){
value = "£" + numberWithCommas(value);
$("#value").val(value);
}
}
});