Javascript 将Curreny格式添加到NoUISlider
我使用的是nouislider(),但我想做的是让滑块输出的值如下所示: 3500英镑 而不是: 3500 到目前为止,我的代码如下:Javascript 将Curreny格式添加到NoUISlider,javascript,jquery,slider,currency,Javascript,Jquery,Slider,Currency,我使用的是nouislider(),但我想做的是让滑块输出的值如下所示: 3500英镑 而不是: 3500 到目前为止,我的代码如下: <script> var slider = $('#sample-update-slider'); slider.noUiSlider({ range: [250, 75000], start: 11500, handles: 1, margin: 2,
<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>
将货币添加到输出的代码为:
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);
}
}
});
$slider.noUiSlider({
range: [80000,1000000],
start: [250000],
step: [sliderStep],
connect: "lower",
handles: 1,
serialization: {
to: function(value){
value = "£" + numberWithCommas(value);
$("#value").val(value);
}
}
});