2

我在这里和其他地方浏览了无数线程超过 2 天,但我无法让它正常工作。

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

我有小数位,但不能添加逗号。当我添加逗号时,我可以在计算中断或值显示为 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”中输入“保险金额”(作为示例,因为它将填充几乎所有可能的字段,这些字段将具有逗号分隔值和小数点)

谁能结束我的痛苦?谢谢你的帮助。

4

3 回答 3

7

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

jsFiddle Demo

(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 的文档化功能。) "

资料来源:

jsFiddle 演示

如何在 JavaScript 中将数字格式化为金钱?

如何在 JavaScript 中用逗号打印一个数字作为千位分隔符

于 2015-02-07T04:38:37.330 回答
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>
于 2013-10-29T18:49:53.660 回答
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
}
于 2013-10-29T17:31:31.597 回答