如何允許德國用戶在React JavaScript中輸入德語格式的數字

Question

我們正在開發應該支持德語和英語用戶的應用程序。

我們可以做些什么來允許德國用戶輸入德語格式的數字（作為小數點和。作為千位分隔符），並且當他從輸入框中輸出時，我們應該能夠將輸入文本轉換為JavaScript數字，現在當我們使用Number（）函數，它為我們提供了數字的NaN Number("12,23")

我們可以使用新的Intl.NumberFormat()將英文文本轉換為德文格式編號，但反之亦然。

Answer 1

你可以使用numeral.js locales http://numeraljs.com/#locales

 // load a locale numeral.register('locale', 'de', { delimiters: { thousands: '.', decimal: ',' }, abbreviations: { thousand: 'k', million: 'm', billion: 'b', trillion: 't' }, ordinal : function (number) { return number === 1 ? 'er' : 'ème'; //this is taken from french example, don't know in german }, currency: { symbol: '€' //same as above } }); // switch between locales numeral.locale('de'); console.log(numeral('123,45').value()); console.log(numeral('6.123,45').value()); console.log(numeral('123,45m').value()); 

 <script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>