一、JS实现金额格式:每三位加逗号(包含小数)
HTML:
JS:
【注意:根据项目需求,这里要用template.js模块引擎
】
对应代码:
function toThousands(nStr) {
nStr += '';
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;
}
面对上面那个例子时,假如金额默认为¥0.00
,则可以采用下面这种写法:【此刻封装函数
即可,而不是采用template.js模块引擎】
请求数据成功后,再把数据赋值给对应标签内容
封装的函数代码如下:
// 转换成金钱时,三个三个之间加上逗号的格式
function toThousands (nStr) {
nStr += '';
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;
}
二、JS-金额格式转换成数值型(Float型)
// 将金额格式(含字符串类型)的数字转换成数值型(Float型)
function toNum(money) {
return parseFloat(money.replace(/[^\d\.-]/g,""))
}
toNum('514,213.21'); // 514213.21
三、实现复制功能
HTML:
【 图片里的{{data.order_number}}
是 模块引擎template.js
的写法,其中data.order_number
是后台传过来的参数 】
JS:
// 复制-封装函数
function copy(message) {
var input = document.createElement("input");
input.value = message;
document.body.appendChild(input);
input.select();
input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
document.body.removeChild(input);
}
结果: