首页 > web前端 > js教程 > 正文

JS格式化数字金额用逗号隔开保留两位小数_javascript技巧

php中文网
发布: 2016-05-16 17:19:42
原创
2421人浏览过

例如:
12345格式化为12,345.00
12345.6格式化为12,345.60
12345.67格式化为 12,345.67
只留两位小数。
回来后写了个格式化函数。可以控制小数位数,自动四舍五入。 代码如下:

网易人工智能
网易人工智能

网易数帆多媒体智能生产力平台

网易人工智能 195
查看详情 网易人工智能
复制代码 代码如下:

function fmoney(s, n) {
n = n > 0 && n s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
t = "";
for (i = 0; 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> <BR>function fmoney(s, n) { <BR>n = n > 0 && n <= 20 ? n : 2; <BR>s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; <BR>var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; <BR>t = ""; <BR>for (i = 0; i < l.length; i++) { <BR>t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); <BR>} <BR>return t.split("").reverse().join("") + "." + r; <BR>} <BR>function rmoney(s) { <BR>return parseFloat(s.replace(/[^\d\.-]/g, "")); <BR>} <BR>function g(id) { <BR>return document.getElementById(id); <BR>} <BR>window.onload = function() { <BR>var num, txt = g("txt"), txt2 = g("txt2"), btn = g("btn"), btn2 = g("btn2"), span = g("span"); <BR>btn.onclick = function() { <BR>num = parseInt(g("num").value); <BR>txt.value = fmoney(txt.value, num); <BR>txt2.value = fmoney(txt2.value, num); <BR>}; <BR>btn2.onclick = function() { <BR>num = parseInt(g("num").value); <BR>span.innerHTML = "=" <BR>+ fmoney(rmoney(txt.value) + rmoney(txt2.value), num); <BR>}; <BR>}; <BR></script>
小数点位数:

+






附:
复制代码 代码如下:

/*
* 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;
}
}
相关标签:
js
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号