正确的JS货币格式,带逗号和小数点

问题描述 投票:0回答:3

我已经在两天多的时间里浏览了这里和其他地方的无数线程,但我无法让它正常工作。

我有一个计算器,它完全按照我需要的方式工作,但是,我似乎无法完成最后一件事。逗号分隔符以千位小数表示。

我有小数位,但不能添加逗号。当我添加逗号时,我可以在计算中断或值显示为 NaN 之前让一两个字段起作用。

这是工作页面:http://codepen.io/anon/pen/Fauzy

目前使用这个:

function FormatAsMoney(mnt) {
mnt -= 0;
mnt = (Math.round(mnt*100))/100;
return (mnt == Math.floor(mnt)) ? mnt + '.00'
: ( (mnt*10 == Math.floor(mnt*10)) ?
mnt + '0' : mnt);
}

如果我尝试使用这个:

function FormatAsMoney(x)

        {


            var money_value;

            mnt = x.value;

            mnt = mnt.replace(/\,/g,'');

            mnt -= 0;

            mnt = (Math.round(mnt*100))/100;

            money_value = (mnt == Math.floor(mnt)) ? mnt + '.00' : ( (mnt*10 == Math.floor(mnt*10)) ? mnt + '0' : mnt);

            if (isNaN(money_value))
            { 
                money_value ="0.00";

            }else{
        money_value = CommaFormatted(money_value);      
        x.value = money_value.replace(".00", "");
    }

}

根本不起作用。

我使用以下方法进行了另一项测试:

function FormatAsMoney(str) {
  return (str + "").replace(/\b(\d+)((\.\d+)*)\b/g, function(a, b, c) {
    return (b.charAt(0) > 0 && !(c || ".").lastIndexOf(".") ? b.replace(/(\d)(?=(\d{3})+$)/g, "$1,") : b) + c;
  });
}

其中我在第一个字段上得到逗号格式,但丢失了小数,并且它不会继续任何其他计算。

作为另一个例子,我创建了另一个函数来添加逗号,例如:

function addCommas(nStr){
    nStr += '';
    c = nStr.split(','); // Split the result on commas
    nStr = c.join('');  // Make it back to a string without the commas
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

然后我像这样使用它:

document.Rate.RATE.value=addCommas(FormatAsMoney(dasum));

这似乎是我迄今为止得到的最好的结果,但是在第(163)行,例如,

function dosum()
取决于许多if语句,它破坏了再次。我似乎无法让它适用于所有价值为数千的适用领域。

我需要能够输入前 2000 万美元“20000000”的“保险金额”(作为示例,因为它将填充几乎所有可能的字段,这些字段将具有带小数位的逗号分隔值)

有人可以结束我的痛苦吗?感谢您的帮助。

javascript decimal calculator currency number-formatting
3个回答
9
投票

在尝试了许多不同的解决方案之后,这(对我来说)似乎是最好的方法:

JS Fiddle 演示

(1234568).toLocaleString("en-US", {style: "decimal", minimumFractionDigits: 2});

var opts = '{style: "decimal", currency: "USD", minimumFractionDigits: 2}';
(1234568).toLocaleString("en-US", opts);

(1234568).toLocaleString("en-US", {style: "decimal", minimumFractionDigits: 0});

我喜欢 NickG 在 2013 年中期的评论:“同意,所有浏览器都还没有完全支持它,但它仍然是一个解决方案。(而且可以说是最有效的解决方案,因为它与不支持的浏览器向前兼容浏览器,并且它是 JavaScript api 的记录功能。)

来源:

如何将数字格式化为货币字符串

如何格式化以逗号作为千位分隔符的数字?


2
投票

您可以提供一些输入和相应的输出来更清楚地描述您的问题。我假设您需要一个函数,该函数获取任何非负数作为输入,并希望输出一个用小数点和千位分隔符格式化的字符串。如果我的假设是正确的,以下内容可能会对您有所帮助,在 Firefox 24.0 /Linux 上进行了测试:

<!DOCTYPE html>
<html>
<head>
    <title>HTML</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        var decimalSeparator = ".";
        var decimalDefault = decimalSeparator + "00";
        var thousandsSeparator = ",";

        /**
         * @param {String or Number} value The value to format
         * @returns {String} The formatted Number as a String
         */
        function formatMoney(value) {
            var valueStr = String(value);
            var decimalDividerPos = valueStr.indexOf(".");
            var decimalPart = decimalDividerPos == -1 ? decimalDefault : decimalSeparator + valueStr.substr(decimalDividerPos + 1);
            var integerPart = decimalDividerPos == -1 ? valueStr : valueStr.substring(0, decimalDividerPos);
            var integerAry = new Array();
            var lenTemp = 0;
            for (var i = integerPart.length - 1; i >= 0; i--) {
                integerAry.unshift(integerPart.substr(i, 1));
                if (i && (!(++lenTemp % 3))) {
                    integerAry.unshift(thousandsSeparator);
                }
            }
            return integerAry.join("") + decimalPart;
        }
    </script>
<body>
    <script type="text/javascript">
        var testValues = new Array(
                0, 1, 10, 100, 1000, 10000, 100000, 1000000, 10000000,
                0.9876, 1.9876, 10.9876, 100.9876, 1000.9876, 10000.9876, 100000.9876, 1000000.9876, 10000000.9876,
                1234567e+123, Number.MAX_VALUE);
        for (var x in testValues) {
            console.log("VALUE=" + testValues[x] + " =>  FORMATTED=" + formatMoney(testValues[x]));
        }
    </script>
</body>
</html>

0
投票

我猜你的问题是在做数学时,而不是在格式化值时。

从文本字段获取的值是“字符串”类型。当你对简单的字符串进行数学运算时,Javascript 会自动将它们强制转换为数字。但是一旦添加格式,此自动转换就会中断。

console.log('5000' - '2000'); // outputs the value 3000 of type number
console.log('5,000' - '2,000'); // outputs NaN - this is an invalid format for auto-conversion to numbers

在文本字段中设置值的格式后,您必须将它们视为字符串。为了做数学,你必须将它们解析回数字。

类似:

function parseCommaSeparated( strVal ) {
    return parseFloat(strVal.replace(',','');) // remove commas before parse
}
© www.soinside.com 2019 - 2024. All rights reserved.