建议可以自己按手册教程来操作一遍,能够加强对库的应用。

基础:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
</head>
<body>
	<!-- 引入 accounting 库。-->
	<script type="text/javascript" src="http://apps.bdimg.com/libs/accounting.js/0.3.2/accounting.min.js"></script>
	<script>
		// 只有一个对象是 accounting。很多的方法都是他引用的。
		console.log('打印的是accounting:',accounting);
	</script>
</body>
<html>

案例一:这里使用的是 formatMoney() 方法,参数一

案例源码:


<div class="money"></div>
<script>
	// 参数一:货币值
	document.getElementsByClassName('money')[0].innerHTML = 'accounting.formatMoney(333333) 输出结果:<span style="color: green;" >'+ accounting.formatMoney(333333)+' </span>';
</script>

案例二:这里使用的是 formatMoney() 方法,参数二

案例源码:


<div class="money"></div>
<script>
	// 参数二:货币的符号(默认是美金符号)
	document.getElementsByClassName('money')[1].innerHTML = 'accounting.formatMoney(333333,'¥') 输出结果:<span style="color: green;" >'+ accounting.formatMoney(333333,'¥')+' </span>';
</script>

案例三:这里使用的是 formatMoney() 参数三

案例源码:


<div class="money"></div>
<script>
	//  参数三:小数点后面尾数多少位(自动四舍五入帮你算好)
	document.getElementsByClassName('money')[2].innerHTML = 'accounting.formatMoney(6132.678,"¥",2) 输出结果<span style="color: green;" >'+ accounting.formatMoney(6132.678,'¥',2)+'  </span>';
</script>

案例四:这里使用的是 formatMoney() 参数四

案例源码:


<div class="money"></div>
<script>
	//  参数四:改变分隔符号,比如满3个单位就的使用,逗号来分隔;
	document.getElementsByClassName('money')[2].innerHTML = 'accounting.formatMoney(12345.678,"¥",2,"▲") 输出结果<span style="color: green;" >'+accounting.formatMoney(12345.678,'¥',2,'▲')+'  </span>';
</script>

案例五:这里使用的是 formatMoney() 参数五

案例源码:


<div class="money"></div>
<script>
	//  参数五:改变小数点的符号
	document.getElementsByClassName('money')[2].innerHTML = 'accounting.formatMoney(-12345.678,"¥",2,"▲","★") 输出结果<span style="color: green;" >'+accounting.formatMoney(-12345.678,'¥',2,'▲','★')+'  </span>';
</script>