我已经在两天多的时间里浏览了这里和其他地方的无数线程,但我无法让它正常工作。
我有一个计算器,它完全按照我需要的方式工作,但是,我似乎无法完成最后一件事。逗号分隔符以千位小数表示。
我有小数位,但不能添加逗号。当我添加逗号时,我可以在计算中断或值显示为 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”的“保险金额”(作为示例,因为它将填充几乎所有可能的字段,这些字段将具有带小数位的逗号分隔值)
有人可以结束我的痛苦吗?感谢您的帮助。
在尝试了许多不同的解决方案之后,这(对我来说)似乎是最好的方法:
(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 的记录功能。)“
来源:
您可以提供一些输入和相应的输出来更清楚地描述您的问题。我假设您需要一个函数,该函数获取任何非负数作为输入,并希望输出一个用小数点和千位分隔符格式化的字符串。如果我的假设是正确的,以下内容可能会对您有所帮助,在 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>
我猜你的问题是在做数学时,而不是在格式化值时。
从文本字段获取的值是“字符串”类型。当你对简单的字符串进行数学运算时,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
}