知识 分享 互助 懒人建站

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

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

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

    作者:速博娱乐是什么 来源:网站模板 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://sbylssm.985sunbet.com/view-blog-392.html
    ↓ 查看全文

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

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

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

    网站地图 中原娱乐bc2013 利娱乐国际 利娱乐备用
    太阳城娱乐手机版 申博sunbet下载 申博娱乐官方下载 菲律宾申博麻雀排九
    欢迎光临申博现金网登入 菲律宾太阳城娱乐球赛 菲律宾澳门太阳城娱乐官方网 HG名人馆娱乐网登入
    豪博娱乐场 金赞娱乐网址 喜达娱乐备用网址 大玩家官方网站
    威尼斯人真人娱乐场 龙岩新世纪娱乐 凱旋门备用网址 利娱乐网址
    588XTD.COM 177BBIN.COM XSB345.COM 298PT.COM XSB345.COM
    8QZS.COM 2222ib.com MAQINSHI.COM 135PT.COM 8HBS.COM
    3445111.COM 166PT.COM 984XTD.COM S6187.COM 451xx.com
    163jbs.com 555TGP.COM 132cw.com 115sj.com 404psb.com