如何使用jquery在滑块和工具提示光标中添加小数点

Question

我有一个价格范围slider.Currently的值显示为$400和在工具提示光标它的400。但是现在我想要将值显示为$400.00，在工具提示中它应该是400.00。我的滑块会在单击、滑动以及单击加号和减号按钮时更改其值。

这是我的代码：

jQuery(document).ready(function(){

    jQuery("#bootstrap-slider").slider();
  jQuery("#bootstrap-slider").on("slide", function(slideEvt) {
    jQuery("#sliderValue").text(slideEvt.value);
  });

  jQuery('.slider').on("click", function() {
    var newvalue = jQuery('.tooltip-inner').text();
    jQuery("#sliderValue").text(newvalue);
  });

});
</script>
<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('.btn-overflow').click(function(){
      jQuery(this).parents('.entry-content').toggleClass('asd');
    });
    jQuery(window).trigger('scroll');

});

  function addSliderPrice(){
    var price=parseInt(jQuery( "#bootstrap-slider" ).slider('getValue'));
    price=price+200;
    if(price<=500000){
      jQuery( "#bootstrap-slider" ).slider('setValue', price);
      jQuery('#sliderValue').text(price);
    }
    else{
      jQuery( "#bootstrap-slider" ).slider('setValue', 500000);
      jQuery('#sliderValue').text(500000);
    }
 }
 function reduceSliderPrice(){
    var price=parseInt(jQuery( "#bootstrap-slider" ).slider('getValue'));
    price=price-200;
     if(price>400){
        jQuery( "#bootstrap-slider" ).slider('setValue', price);
        jQuery('#sliderValue').text(price);
      }
      else{
         jQuery( "#bootstrap-slider" ).slider('setValue', 400);
          jQuery('#sliderValue').text(400);
      }
 }

我怎样才能实现这一点呢? view.Can

Answer 1

可以使用Number.prototype.toFixed()将数字格式化为定点表示法。请注意，这将返回数字的字符串表示形式，因此您应该只使用它来打印工具提示中的值。

(400).toFixed(2);
// "400.00"