知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    js货币格式化插件(currencyFmatter.js)

    作者:bbin视讯真人娱乐平台登入 来源:网站模板 2016-11-09 人气:
    js货币格式化插件(currencyFmatter.js),这个插件并不依赖于jquery等任何库,特别适合哪种需要各国货币格式化的情况,如果您只是要格式一种人民币格式,可能就有点没必要了用货币格式化
    js货币格式化插件(currencyFmatter.js),这个插件并不依赖于jquery等任何库,特别适合哪种需要各国货币格式化的情况,如果您只是要格式一种人民币格式,可能就有点没必要了用货币格式化插件了。

    最简单示例

    首先在页面中引入currencyFormatter.js文件。
    <script src='currencyFormatter.js'></script>
    
    HTML结构:
    <div class='money'> 1234536.32 </div> 
    <div class='money'> 8798458.11 </div>
    
    OSREC.CurrencyFormatter.formatAll( 
    { 
      selector: '.money', 
      currency: 'CNY' 
    });
    

    currencyFmatter更多参数参考

    过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.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
     
    
        // Applies a single currency format to all selected elements
    
        OSREC.CurrencyFormatter.formatAll(
        {
        selector: '.money',
        currency: 'CNY'
        });
    
    Result
     
    ¥1,234,536.32
    ¥8,798,458.11

    示例二: Format each element with a specific currency

    OSREC.CurrencyFormatter.formatEach(selector) 方法可以将页面中带有data-ccy属性的元素转换为不同的货币值。

    HTML
     
    
        <div class='money' data-ccy='EUR'> 1234564.58 </div>
        <div class='money' data-ccy='GBP'> 8798583.85 </div>
        <div class='money' data-ccy='CHF'> 0.9754 </div>
        <div>Your INR value is: <span class='money' data-ccy='INR'> 322453.9754 </span></div>
    
    JavaScript
     
    
        OSREC.CurrencyFormatter.formatEach('.money');
    
    Result
     
    1.234.564,58 €
    £8,798,583.85
    CHF 0.98
    Your INR value is: ? 3,22,453.98

    示例三: Fully bespoke data formatter

    OSREC.CurrencyFormatter.getFormatter(parameters) 方法可以返回一个定制货币格式的函数。这是用于格式化大量数值的常用方法。

    HTML
     
    
        <input id='frenchEuroInput' value='78234564.5815899' />
    
    JavaScript
     
    
        // Once generated, the formatter below can used over
        // and over again to format any number of currencies
    
        var frenchEuroFormatter = OSREC.CurrencyFormatter.getFormatter
        ({
        // If currency is not supplied, defaults to USD
        currency: 'EUR',
    
        // Use to override the currency's default symbol
        symbol: '€',
    
        // Use to override the currency's default locale - every locale has
        // preconfigured decimal, group and pattern
        locale: 'fr',
    
        // Use to override the locale's default decimal character
        decimal: ',',
    
        // Use to override the locale's default group (thousand separator) character
        group: '.',
    
        // Use to override the locale's default display pattern
        // Note comma = group separator, dot = decimal separator, exclamation = symbol
        // Follows standard unicode currency pattern
        pattern: '#,##0.00 !'
    
        });
    
        var val = document.getElementById('frenchEuroInput').value;
    
        var formattedVal = frenchEuroFormatter(val);
    
        document.getElementById('frenchEuroInput').value = formattedVal;
    
    Result
     

    示例四: Negative and Zero Formats

    如果你需要区分负数,0和正数,你可以在模式参数中通过分号来指定它们各自的格式。如positivePattern;negativePattern;zeroPattern。 下面的例子指定瑞士法郎(CHF)的三种不同格式:

    HTML
     
    
        <div class='money'> 7564.58 </div>
        <div class='money'> -4583.85 </div>
        <div class='money'> 0 </div>
    
    JavaScript
     
    
        OSREC.CurrencyFormatter.formatAll
        ({
        selector: '.money',
        currency: 'CHF',
        pattern: '#,##0.00 !;(#,##0.00 !);0.00 !'
        });
    
    Result
     
    7'564.58 CHF
    (4'583.85 CHF)
    0.00 CHF
    原文:http://bbinsxzrylptdr.xsb868.com/view-blog-392.html
    ↓ 查看全文

    js货币格式化插件(currencyFmatter.js)由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    js货币格式化插件(currencyFmatter.js)-最新评论

    网站地图 gp视讯官方网登入 ag视讯官网登入 ag旗舰厅充值中心登入
    申博太阳城开户官网 申博138娱官网开户 申博太阳城娱乐中心 申博游戏下载
    菲律宾申博太阳城138网址登入 ba娱乐官网 网络彩票平台哪个好登入 大乐透香港五分彩
    ag旗舰厅直营登入 bbin视讯手机版下载登入 ag视讯游戏开户登入 AG真人国际厅登入
    gp视讯app下载登入 bbin视讯娱乐在线登入 bbin视讯官网直营登入 ag视讯官方网登入
    79jbs.com XSB587.COM 116DC.COM 888xsb.com 300xsb.com
    798DC.COM 718XTD.COM 295SUN.COM 596ib.com XSB3333.COM
    XSB818.COM 777sbib.com 85XTD.COM 537SUN.COM 222TGP.COM
    361xx.com 177BBIN.COM 983XTD.COM 689psb.com 8AQS.COM