Javascript - Add comma separator to thousands number

Question

I am using the jquery ui range slider. Trying to add comma to the numbers so it will bore readable. tried like yo different ways including regex and parseFloatbut without success.

this is the jsfiddle.

Check https://stackoverflow.com/questions/33778519/how-can-i-add-comma-on-a-price-slider-value — cdoshi, Dec 21 '17 at 07:51

Akim Benchiha · Answer 1 · 2017-12-21T09:24:58.233

2

This is what you want ? https://jsfiddle.net/sxd60y6x/

NUMBER.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")

See : How to print a number with commas as thousands separators in JavaScript

edited Dec 21 '17 at 09:24

answered Dec 21 '17 at 07:54

Akim Benchiha

150
1
12

the output for `1.00000` is `1.00,000` which is incorrect. – Mohsen Alyafei Jun 02 '20 at 11:39
1

Indeed but look at the requirement of the user. He has not this input.We do not test the number in the regex. – Akim Benchiha Jun 03 '20 at 07:07

Oshi · Answer 2 · 2017-12-21T12:07:03.577

2

You can use toLocaleString method.

Here is how your code should look like.

$("#slider-range").slider({
    range: true,
    min: 10000,
    max: 10000000,
    values: [1000000, 4000000],
    slide: function(event, ui) {
        var minVal = ui.values[0].toLocaleString();
        var maxVal = ui.values[1].toLocaleString();
        $("#amount").val("₪" + minVal + " - ₪" + maxVal);
    }
});

And you need to do the same to your initial value code.

$("#amount").val("₪" + $("#slider-range").slider("values", 0).toLocaleString() + " - ₪" + $("#slider-range").slider("values", 1).toLocaleString());

edited Dec 21 '17 at 12:07

answered Dec 21 '17 at 07:59

Oshi

494
6
13

Thank you! I have bee breaking my head with this for a few hours... How do I add commas to the `slider.min` and `slider.max` initial values? t – DavSev Dec 21 '17 at 08:16
@DavSev you need to do the same to your initial value code. I have edited my post to include it. – Oshi Dec 21 '17 at 12:07

Javascript - Add comma separator to thousands number

2 Answers2