Intl.NumberFormat is not working properly in IE11?

Question

I am using Intl library of native Javascript to show formatted number in English and Chinese.
It is working properly in Chrome, but it is not working in IE11.

For English locale following is the code and output:

new Intl.NumberFormat('en-GB', { notation: "compact" , compactDisplay: "short" }).format(91005);

Expected output: 91K
Output Getting in Chrome: 91K
Output Getting in IE11: 91,005 ---> Incorrect Output

Similarly for Chinese locale following is the code and output:

new Intl.NumberFormat('zh-cn', { notation: "compact" , compactDisplay: "short" }).format(91005);

Expected Output: 9.1万
Output Getting Chrome: 9.1万
Output Getting in IE11: 91,005 --> Incorrect Output

Need help on this to solve this issue ?

were you able to find solution for this ? – sam_dev Jun 22 '20 at 08:57 — sam_dev, Jun 22 '20 at 08:57
No, still not able to find the solution, – user1441238 Jun 22 '20 at 12:26 — user1441238, Jun 22 '20 at 12:26

score 1 · Answer 1 · answered Aug 02 '20 at 04:31

1

IE11 has an old version of Intl.NumberFormat so u need to polyfill using this: https://formatjs.io/docs/polyfills/intl-numberformat

answered Aug 02 '20 at 04:31

Long Ho

599
4
15

1

Polyfill doesn't seem to work in IE11. Producing console errors. – Drazen Bjelovuk Apr 16 '21 at 19:03
Nvm, required three other polyfills. – Drazen Bjelovuk Apr 16 '21 at 19:33
1

@DrazenBjelovuk do you have any working example ? – sam_dev Apr 30 '21 at 09:08
@sam_dev `react-app-polyfill/ie11` and `react-app-polyfill/stable` did the job for me. – Drazen Bjelovuk Jun 07 '22 at 16:09

Intl.NumberFormat is not working properly in IE11?

1 Answers1