JS格式化數(shù)字金額用逗號隔開保留兩位小數(shù)
更新時間:2013年10月18日 15:23:52 作者:
JS格式化數(shù)字金額只留兩位小數(shù)。寫了個格式化函數(shù)。可以控制小數(shù)位數(shù),自動四舍五入,感興趣的朋友可以了解下
例如:
12345格式化為12,345.00
12345.6格式化為12,345.60
12345.67格式化為 12,345.67
只留兩位小數(shù)。
回來后寫了個格式化函數(shù)??梢钥刂菩?shù)位數(shù),自動四舍五入。 代碼如下:
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
還原函數(shù):
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>
小數(shù)點位數(shù):
<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)
* 功能:金額按千位逗號分割
* 參數(shù):s,需要格式化的金額數(shù)值.
* 參數(shù):type,判斷格式化后的金額是否需要小數(shù)位.
* 返回:返回格式化后的數(shù)值字符串.
*/
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) {// 不帶小數(shù)位(默認是有小數(shù)位)
var a = s.split(".");
if (a[1] == "00") {
s = a[0];
}
}
return s;
}
/*
* 通用DateAdd(interval,number,date) 功能:實現(xiàn)javascript的日期相加功能.
* 參數(shù):interval,字符串表達式,表示要添加的時間間隔. 參數(shù):number,數(shù)值表達式,表示要添加的時間間隔的個數(shù). 參數(shù):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;
}
}
12345格式化為12,345.00
12345.6格式化為12,345.60
12345.67格式化為 12,345.67
只留兩位小數(shù)。
回來后寫了個格式化函數(shù)??梢钥刂菩?shù)位數(shù),自動四舍五入。 代碼如下:
復制代碼 代碼如下:
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
還原函數(shù):
復制代碼 代碼如下:
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>
小數(shù)點位數(shù):
<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)
* 功能:金額按千位逗號分割
* 參數(shù):s,需要格式化的金額數(shù)值.
* 參數(shù):type,判斷格式化后的金額是否需要小數(shù)位.
* 返回:返回格式化后的數(shù)值字符串.
*/
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) {// 不帶小數(shù)位(默認是有小數(shù)位)
var a = s.split(".");
if (a[1] == "00") {
s = a[0];
}
}
return s;
}
/*
* 通用DateAdd(interval,number,date) 功能:實現(xiàn)javascript的日期相加功能.
* 參數(shù):interval,字符串表達式,表示要添加的時間間隔. 參數(shù):number,數(shù)值表達式,表示要添加的時間間隔的個數(shù). 參數(shù):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;
}
}
相關文章
詳解JavaScript中new操作符的解析和實現(xiàn)
這篇文章主要介紹了JavaScript中new操作符的解析和實現(xiàn),幫助大家更好的理解和學習JavaScript,感興趣的朋友可以了解下2020-09-09Bootstrap入門教程一Hello Bootstrap初識
Bootstrap,來自 Twitter,是目前很受歡迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt開發(fā)的。這篇文章主要介紹了基于Bootstrap3實現(xiàn)漂亮簡潔的CSS3價格表(精美代碼版),需要的朋友可以參考下2017-03-03通過JavaScript實現(xiàn)動態(tài)圣誕樹詳解
這篇文章主要為大家介紹幾個好看的基于HTML+CSS+JS的圣誕樹,希望圣誕節(jié)那天圣誕老爺爺能把我喜歡的你塞到我床上。感興趣的小伙伴可以跟隨小編一起學習一下2021-12-12javascript 原型模式實現(xiàn)OOP的再研究
目前網(wǎng)絡上有關javascript實現(xiàn)OOP模式的方案基本上都是prototype模式,一般性的示例代碼如下2009-04-04