Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用引导滑块插件格式化工具提示中的数字_Jquery_Bootstrap Slider - Fatal编程技术网

Jquery 使用引导滑块插件格式化工具提示中的数字

Jquery 使用引导滑块插件格式化工具提示中的数字,jquery,bootstrap-slider,Jquery,Bootstrap Slider,在使用引导滑块插件时,我似乎无法找到一种方法来更改工具提示中的数字 .slider .tooltip.top { margin-top: -45px !important; margin-left: 2px; } .slider .tooltip-inner { white-space: nowrap; border-radius: 0px; } .slider .tooltip.top .tooltip-arrow { border-top-color: #198294

在使用引导滑块插件时,我似乎无法找到一种方法来更改工具提示中的数字

.slider .tooltip.top {
  margin-top: -45px !important;
  margin-left: 2px;
}

.slider .tooltip-inner {
  white-space: nowrap;
  border-radius: 0px;
}

.slider .tooltip.top .tooltip-arrow {
  border-top-color: #198294 !important;
}

工具提示中的1000应为1000 工具提示中的1000023应为1000023,您可以使用,并且:

$(':text')。滑块({
格式化程序:函数(值){
返回“当前值:”+value.toLocaleString('en-US',{style:'decimal',useGrouping:true});
}
});
.slider.tooltip.top{
利润率顶部:-45px!重要;
左边距:2倍;
}
.滑块.工具提示内部{
空白:nowrap;
背景色:白色;
颜色:#747679;
字体家族:TT规范;
边框:1px实心#198294;
边界半径:0px;
}
.slider.tooltip.top.tooltip箭头{
边框顶部颜色:#198294!重要;
}

<div class="container">
  <div class="row">
    <div class="col-md-6" style="margin-top: 75px;">
      <div class="slider-wrapper slider-primary slider-strips slider-ghost">
        <input class="input-range" type="text" data-slider-step="1" data-slider-value="14, 75" data-slider-min="0" data-slider-max="100" data-slider-range="true" data-slider-tooltip_split="true" data-slider-tooltip="hide" />
      </div>
    </div>
  </div>
</div>