Добавление формата валюты в NoUISlider

Question

Добавление формата валюты в NoUISlider

0

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

Спасибо всем

user3110613 17 дек. 2013, в 11:24

Источник

Теги:

javascript

jquery

slider

currency

1 ответ

Ещё вопросы

Graham · Answer 1 · 2014-01-16T08-26-00.000Z

Я использовал эту функцию в своем скрипте:

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);

   }
}
});