javascript - Jquery UI Range Slider - 将数字转换为货币

Question

我目前在 0 英镑到 2,000,000 英镑的价格范围内使用范围 slider 。目前，除了价格没有被格式化为货币(即 500,000 英镑的值(value)当前显示为 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 重新格式化最低价格。替换无济于事。任何帮助或建议将不胜感激。

谢谢， 杰米

Answer 1

为了与您正在做的事情保持一致，您只需要进行一些更改。我会指出，在 .val() 操作中设置它之前，您需要修改该值。此外，replace 返回一个新字符串，它不会修改原始字符串。完成后，您只需要对正则表达式进行一些调整，$1 将在替换中使用匹配的值。

$("#minPrice").val("£" + ui.values[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));