雅加达赌场|开心8赌球|真人推饼|真人扑克专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    雅加达赌场|开心8赌球|真人推饼|真人扑克提供网页素材下载、网站模板
    知识 分享 互助!

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

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

    最简单示例

    本文地址:http://www.ledoupay.com/js/texiao/currencyFmatter.html
    文章摘要:js货币格式化插件(currencyFmatter.js) ,审几度势振兵释旅拉莫斯,蚌埠公费生跑路。

    首先在页面中引入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://www.ledoupay.com/197/view-blog-392.html
    ↓ 查看全文

    js货币格式化插件(currencyFmatter.js)由雅加达赌场|开心8赌球|真人推饼|真人扑克收集整理,雅加达赌场|开心8赌球|真人推饼|真人扑克:您可以自由传播,请主动带上本文链接

    雅加达赌场|开心8赌球|真人推饼|真人扑克就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

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