纯js格式化货币:currencyFmatter.js

currencyFmatter.js是一款简单实用的纯js格式化货币插件。该插件包含155种不同国家的货币,以及715种不同语言的本地化设置。它还能处理某些不采用的货币,功能非常强大。

查看演示 下载源码

HTML

首先在页面中引入currencyFormatter.js文件。

<script src='currencyFormatter.js'></script>
知识兔

HTML结构:

<div class='money'> 1234536.32 </div>
<div class='money'> 8798458.11 </div>
知识兔

javascript

OSREC.CurrencyFormatter.formatAll(
{
  selector: '.money',
  currency: 'CNY'
});
知识兔

看出来了吧,selector对应的选择器,currency对应的是人民币标识CNY。

通过OSREC.CurrencyFormatter.format(number, parameters)方法可以非常容易的格式一个货币数值。只需要简单的在配置参数中设置你需要的格式即可。 参数的格式如下:

var parameters =
{
  currency:   'EUR',      // If currency is not supplied, defaults to USD
  symbol:   '?#39;,      // Overrides the currency's default symbol
  locale:   'fr',     // Overrides the currency's default locale (see supported locales)
  decimal:  ',',      // Overrides the locale's decimal character
  group:    '.',      // Overrides the locale's group character (thousand separator)
  pattern:  '#,##0.00 !'    // Overrides the locale's default display pattern
   
  // The pattern follows standard unicode currency pattern notation.
  // comma = group separator, dot = decimal separator, exclamation = currency symbol
}
知识兔

通常你不需要指定所有的参数。该插件会使用适当的格式来显示每一种货币和语言设置。

OSREC.CurrencyFormatter.format(2534234, { currency: 'INR' }); // Returns ? 25,34,234.00
OSREC.CurrencyFormatter.format(2534234, { currency: 'EUR' }); // Returns 2.534.234,00 ?/code>
OSREC.CurrencyFormatter.format(2534234, { currency: 'EUR', locale: 'fr' }); // Returns 2 534 234,00 ?
知识兔

使用OSREC.CurrencyFormatter.formatAll(parameters)方法可以将所有包含数值的元素都转换为好看的货币格式。

更多用法请查看演示demo

计算机