JS格式化數字金額用逗號隔開保留兩位小數

2019-11-20 21:52:35

字體：大中小

來源：轉載

供稿：網友

例如：
12345格式化為12,345.00
12345.6格式化為12,345.60
12345.67格式化為 12,345.67
只留兩位小數。
回來后寫了個格式化函數。可以控制小數位數，自動四舍五入。代碼如下：

 
function fmoney(s, n) { 
n = n > 0 && n <= 20 ? n : 2; 
s = parseFloat((s + "").replace(/[^/d/.-]/g, "")).toFixed(n) + ""; 
var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; 
t = ""; 
for (i = 0; i < l.length; i++) { 
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); 
} 
return t.split("").reverse().join("") + "." + r; 
} 

調用：fmoney("12345.675910", 3)，返回12,345.676
還原函數：

復制代碼代碼如下:

 
function rmoney(s) { 
return parseFloat(s.replace(/[^/d/.-]/g, "")); 
} 

示例（可保存一下代碼為html文件，運行查看效果）：

復制代碼代碼如下:

 
<SCRIPT> 
function fmoney(s, n) { 
n = n > 0 && n <= 20 ? n : 2; 
s = parseFloat((s + "").replace(/[^/d/.-]/g, "")).toFixed(n) + ""; 
var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; 
t = ""; 
for (i = 0; i < l.length; i++) { 
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); 
} 
return t.split("").reverse().join("") + "." + r; 
} 
function rmoney(s) { 
return parseFloat(s.replace(/[^/d/.-]/g, "")); 
} 
function g(id) { 
return document.getElementById(id); 
} 
window.onload = function() { 
var num, txt = g("txt"), txt2 = g("txt2"), btn = g("btn"), btn2 = g("btn2"), span = g("span"); 
btn.onclick = function() { 
num = parseInt(g("num").value); 
txt.value = fmoney(txt.value, num); 
txt2.value = fmoney(txt2.value, num); 
}; 
btn2.onclick = function() { 
num = parseInt(g("num").value); 
span.innerHTML = "=" 
+ fmoney(rmoney(txt.value) + rmoney(txt2.value), num); 
}; 
}; 
</SCRIPT> 
小數點位數： 
<select id="num"> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 
<input type="text" id="txt" value="12345.675910"> + 
<input type="text" id="txt2" value="1223"> <span id="span"></span> 
<br> 
<input type="button" id="btn" value="格式化"> 
<input type="button" id="btn2" value="相加"> 

附：

復制代碼代碼如下:

 
/* 
* formatMoney(s,type) 
* 功能：金額按千位逗號分割 
* 參數：s，需要格式化的金額數值. 
* 參數：type,判斷格式化后的金額是否需要小數位. 
* 返回：返回格式化后的數值字符串. 
*/ 
function formatMoney(s, type) { 
if (/[^0-9/.]/.test(s)) 
return "0"; 
if (s == null || s == "") 
return "0"; 
s = s.toString().replace(/^(/d*)$/, "$1."); 
s = (s + "00").replace(/(/d*/./d/d)/d*/, "$1"); 
s = s.replace(".", ","); 
var re = /(/d)(/d{3},)/; 
while (re.test(s)) 
s = s.replace(re, "$1,$2"); 
s = s.replace(/,(/d/d)$/, ".$1"); 
if (type == 0) {// 不帶小數位(默認是有小數位) 
var a = s.split("."); 
if (a[1] == "00") { 
s = a[0]; 
} 
} 
return s; 
} 
/* 
* 通用DateAdd(interval,number,date) 功能:實現javascript的日期相加功能. 
* 參數:interval,字符串表達式，表示要添加的時間間隔. 參數:number,數值表達式，表示要添加的時間間隔的個數. 參數:date,時間對象. 
* 返回:新的時間對象. var now = new Date(); var newDate = DateAdd("day",5,now); 
* author:devinhua(從○開始) update:2010-5-5 20:35 
*/ 
function DateAdd(interval, number, date) { 
if (date == null) 
return ""; 
switch (interval) { 
case "day": 
date = new Date(date); 
date = date.valueOf(); 
date += number * 24 * 60 * 60 * 1000; 
date = new Date(date); 
return date; 
break; 
default: 
return ""; 
break; 
} 
} 