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>