我目前正在使用价格范围为 0 到 2,000,000 英镑的范围滑块。目前,除了没有格式化为货币的价格(即,500,000 英镑的价值目前显示为 500000 英镑 - 没有逗号)之外,一切都正常工作。这是代码:
jQuery
/* SALES SLIDER */
$( "#slider-range-price-sales" ).slider({
range: true,
min: 0,
max: 2000000,
step: 50000,
values: [ 0, 2000000],
slide: function( event, ui ) {
$("#minPrice").val("£" + ui.values[0]).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "£1");
$("#maxPrice").val("£" + ui.values[1]);
}
});
$("#minPrice").val("£" + $("#slider-range-price-sales").slider("values", 0));
$("#maxPrice").val("£" + $("#slider-range-price-sales").slider("values", 1));
HTML
<div id="slider-range-price-sales"></div>
<div class="priceContainer">
<div class="left"><input type="text" id="minPrice" name="minPrice" style="border: 0; color: #3D80E9; background:#F2F2F2; font-weight: bold;" /></div>
<div class="right"><input type="text" id="maxPrice" name="maxPrice" style="border: 0; color: #3D80E9; background:#F2F2F2; font-weight: bold;" /></div>
</div>
http://jsfiddle.net/isherwood/RwfFH/
我尝试使用 JavaScript 重新格式化最低价格 .replace 无济于事。任何帮助或建议将不胜感激。
谢谢,杰米