因最近开发的系统涉及到金融数据,需要将相关数值转化为货币格式呈现。秉承不重复造车轮子的理念,找到一款将数据格式化为金额的 JS 插件 accountingjs,以下是该插件的介绍以及使用方法。

accounting.js 是由 Open Exchange Rates 发布的一个微型 JavaScript 库,提供简单、高级的数字、货币以及货币格式;具有自定义输出格式,解析/取消格式化数字,轻松本地化各地区货币格式的功能。

由于它的轻量级,没有依赖性,适用于所有客户端和服务器端 JavaScript 应用程序。

常用库方法

1、formatMoney() -可将任何数字格式化为货币

这是一个最基本的库函数,用于将数字格式化为货币值,可自定义货币符号,精度(小数位)和千分位分隔符。以下为示例:

// 默认用法:
accounting.formatMoney(12345678); // $12,345,678.00

// 中国格式 (自定义符号和分隔符), 如果觉得不舒服,可将逗号与点号调换
accounting.formatMoney(4999.99, "¥", 2, ".", ","); // ¥4.999,99

// 负值可以很好地格式化:
accounting.formatMoney(-500000, "¥ ", 0); // ¥ -500,000

// 简单的`format`字符串允许控制符号位置(%v =值,%s =符号):
accounting.formatMoney(5318008, { symbol: "GDP",  format: "%v %s" }); // 5,318,008.00 GDP

2、formatColumn() - 格式化显示列的值列表

下表演示了 accounting.js 如何获取数字和货币的格式化列表 - 使用填充空间排列货币符号和小数位。为了使填充空间正确呈现,包含元素必须是 CSS 的样式 white-space::pre(预格式化) - 否则浏览器会将它们压缩为单个空格。

accountingformatcolumn.jpg

// 显示数字的格式列表:
accounting.formatColumn([123.5, 3456.49, 777888.99, 12345678, -5432], "$ ");

3、formatNumber() - 格式化一个具有自定义精度和本地化的数字

这是库的基本函数,接受任意数字或数组数参数,并返回格式为千分位分离和自定义精度的数字。运行 accounting.unformat() 删除任何格式。

accounting.formatNumber(5318008); // 5,318,008
accounting.formatNumber(9876543.21, 3, " "); // 9 876 543.210

4、toFixed() - 为浮点数更好的(四)舍(五)入

执行 toFixed(),将浮点数视为十进制值而不是二进制,在 Javascript 中以四舍五入的方式保留指定长度的精度

(0.615).toFixed(2); // "0.61"
accounting.toFixed(0.615, 2); // "0.62"

5、unformat() - 解析任何已格式化的数字/货币字符串的值

即移除字符串中的任何格式,可使用任何数字并删除所有货币格式。 别名为accounting.parse()。

accounting.unformat("$ 12,345,678.90 GDP"); // 12345678.9

演示/试验

由于篇幅原因,演示请点击查看

基本使用说明

1、下载脚本并将其放在某处,然后在HTML中引用它:

<script src="path/to/accounting.js"></script>

<script type="text/javascript">
    // 调用函数
    accounting.formatMoney(5318008);
</script>

2、有关完整的方法/参数信息,请参阅源代码。下一篇文章将介绍 accounting js 文档。

空非易文章均为原创,转载请以链接形式注明本文地址

本文地址:http://pengzhiyong.com/archives/JS-formatted-currency-amount-plugin-1.html

作者:空非易 | 标签: , , | 浏览:1010