将Curreny格式添加到NoUISlider中

Adding Curreny Format to NoUISlider

本文关键字：NoUISlider 添加 Curreny 格式      更新时间：2023-09-26

我正在使用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的人来说，值都会输出到ID为value的跨度中。

希望有人能帮忙！

感谢

Dave

感谢所有看过这个问题的人，在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, ",");
}

然后我的未知代码：

$slider.noUiSlider({
range: [80000,1000000],
start: [250000],
step: [sliderStep],
connect: "lower",
handles: 1,
serialization: {
  to: function(value){
   value = "£" + numberWithCommas(value);    
   $("#value").val(value);
   }
}
});
相关文章：