Question

在这里，我使用了jquery-ui.js，以便它显示从0到2000000的数字，而我想显示格式为2,000,000的长数字

<div class="slider>
<a id="minamount" style="">0</a>
<a id="maxamount" style="">2000000</a>
</div>

javascript：

$(".slider").slider({
            min: 0,
            max: 2000000,
            values: [0, 2000000],
            range: true,

            step: 10,

            slide: function (event, ui) {
               $("#minamount").html(ui.values[0]);
               $("#maxamount").html(ui.values[1]);
            }
});

Answer 1

要使用千位分隔符（例如12,345）格式化字符串，可以使用toLocaleString()。

$("#minamount").html(ui.values[0].toLocaleString());

请参见下面的代码段。

for (var i = 1.234; i < 10000000; i *= 10)
{  
  console.log(i.toLocaleString());
}

Answer 2

您可以使用Intl.NumberFormat()这样-

const numberFormat = new Intl.NumberFormat();
$(".slider").slider({
            min: 0,
            max: 2000000,
            values: [0, 2000000],
            range: true,

            step: 10,

            slide: function (event, ui) {
               $("#minamount").html(numberFormat.format(ui.values[0]));
               $("#maxamount").html(numberFormat.format(ui.values[1]));
            }
});

如果要根据特定的语言环境设置格式，则可以根据文档为您的语言环境传递一堆值。

注意：在初始加载时，不会调用slide函数，在这种情况下，您可以在初始化后手动调用滑块的slider('values')函数，以在开始时手动设置HTML。

编辑：

找到一个sample Fiddle to play around

jQuery-UI滑块中逗号的格式如何？

2 个答案: