这个博客展示了如何使用JavaScript的函数`formatNum`来格式化微信账单中的价格字符，确保显示为两位小数。文章中通过一个具体的例子，说明了如何处理入账和出账金额的显示，例如将1400转换为14.00并显示在页面上。
<!DOCTYPE html>
<html>
<head>
<title>零钱明细</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<script>
var _gnPageStart = new Date().getTime(),
gsExportKey = "A4yBjECf167uQop%2FfUN4wP8%3D",
gsPass_ticket = "";
console.log(_gnPageStart);
</script>
<link rel="stylesheet" href="/zh_CN/htmledition/style/page/w_page_balance_list1fce2b.css">
<script>
window.WXReport.init(_gnPageStart);
window.WXReport.mark();
</script>
</head>
<body>
<script>
function formatNum(_anNum, _anFormatLen)
{
var _sNum = (isNaN(_anNum) ? 0 : _anNum).toString(),
_oArr = _sNum.split(".");
if (_oArr.length == 1)
{
return [ _sNum , "00" ].join(".");
}
else
{
if (_oArr[1].length == 1)
{
return _sNum + "0";
}
else
{
return _sNum;
}
}
}
</script>
<div class="detail">
<div class="item">
<!--如果是支出，则文案为“出账金额”，“income”——>“spend”-->
<h4 class="title">入账金额</h4>
<p class="sum income"><script>document.write(formatNum(parseInt("1400")/100))</script></p>
</div>
<div class="item">
<ul>
<li>
<label class="list_item_name">类 型</label>
<span class="list_item_exp">收入</span>
</li>
<li>
<label class="list_item_name">时 间</label>
<span class="list_item_exp">2016-01-04 14:29:24</span>
</li>
<li>
<label class="list_item_name">交易单号</label>
<span class="list_item_exp" style="font-size: 12px;">1000035601021601040262992171305</span>
</li>
<li>
<label class="list_item_name">剩余零钱</label>
<span class="list_item_exp"><script>document.write(formatNum(parseInt("7950")/100))</script></span>
</li>
</ul>
</div>
</div>
</body>
</html>
<html>
<head>
<title>零钱明细</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<script>
var _gnPageStart = new Date().getTime(),
gsExportKey = "A4yBjECf167uQop%2FfUN4wP8%3D",
gsPass_ticket = "";
console.log(_gnPageStart);
</script>
<link rel="stylesheet" href="/zh_CN/htmledition/style/page/w_page_balance_list1fce2b.css">
<script>
window.WXReport.init(_gnPageStart);
window.WXReport.mark();
</script>
</head>
<body>
<script>
function formatNum(_anNum, _anFormatLen)
{
var _sNum = (isNaN(_anNum) ? 0 : _anNum).toString(),
_oArr = _sNum.split(".");
if (_oArr.length == 1)
{
return [ _sNum , "00" ].join(".");
}
else
{
if (_oArr[1].length == 1)
{
return _sNum + "0";
}
else
{
return _sNum;
}
}
}
</script>
<div class="detail">
<div class="item">
<!--如果是支出，则文案为“出账金额”，“income”——>“spend”-->
<h4 class="title">入账金额</h4>
<p class="sum income"><script>document.write(formatNum(parseInt("1400")/100))</script></p>
</div>
<div class="item">
<ul>
<li>
<label class="list_item_name">类 型</label>
<span class="list_item_exp">收入</span>
</li>
<li>
<label class="list_item_name">时 间</label>
<span class="list_item_exp">2016-01-04 14:29:24</span>
</li>
<li>
<label class="list_item_name">交易单号</label>
<span class="list_item_exp" style="font-size: 12px;">1000035601021601040262992171305</span>
</li>
<li>
<label class="list_item_name">剩余零钱</label>
<span class="list_item_exp"><script>document.write(formatNum(parseInt("7950")/100))</script></span>
</li>
</ul>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
