javascript - 添加千位分隔符到 jQuery Slider 插件的输出

Question

我正在使用 jQuery Slider 插件 (jqueryui.com/demos/slider/)

我使用以下 Javascript 调用该插件:

$(function(){
 $("#slider-price").slider({
 range: true,
 min: 0,
 max: 5000000,
 step: 100000,
 values: [0, 5000000],
 slide: function(event, ui) {       
 $("#amount").val('£' + ui.values[0] + ' - £' + ui.values[1]);
}
});
});

并使用标记打印到页面上:

<label for="amount">Price : </label>
<input class="bar-price" type="text" id="amount" />
<div id="slider-price"></div>

当然，上面的 JavaScript 会在“金额”输入框中打印类似“£0 - £5000000”的内容。

我一直在寻找一种扩展 Javascript 的方法，以便用千位分隔符格式化数字(即“£0 - £5,000,000”)。我找到了几个可以执行此操作的 Javascript 函数，但我似乎无法在 jQuery 函数 block 中调用它们。

例如这个函数就很完美 http://www.mredkj.com/javascript/nfbasic.html但在将数字打印到输入框字符串之前我似乎无法引用它。

我确信一定有一个简单的解决方案。

Answer 1

试试这个......

slide: function(event, ui) {       
 $("#amount").val('£' + addCommas(ui.values[0]) + ' - £' + addCommas(ui.values[1]));
}



//.....


function addCommas(nStr)
{
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}