纯js实用格式化货币插件

当前位置:主页 > jQuery库 > 工具类 > 纯js实用格式化货币插件
纯js实用格式化货币插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2016-10-03
    阅读:
麦子学院
简要教程

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

使用方法

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

<script type='text/javascript' src='currencyFormatter.js'></script>                  
                
HTML结构

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

var parameters = 
{ 
  currency:   'EUR',      // If currency is not supplied, defaults to USD
  symbol:   '€',      // 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 €
OSREC.CurrencyFormatter.format(2534234, { currency: 'EUR', locale: 'fr' }); // Returns 2 534 234,00 €                  
                

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

html

<div class='money'> 1234536.32 </div>
<div class='money'> 8798458.11 </div>                  
                

javascript

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

返回结果:

¥1,234,536.32
¥8,798,458.11

更多的用法请参考DEMO演示页面。

currencyFormatter.js格式化货币插件的github地址为:https://github.com/osrec/currencyFormatter.js

网友评论