<meter id="7ntxv"></meter>

<b id="7ntxv"><listing id="7ntxv"><ol id="7ntxv"></ol></listing></b>
<nobr id="7ntxv"></nobr><mark id="7ntxv"></mark>

    <p id="7ntxv"><menuitem id="7ntxv"><font id="7ntxv"></font></menuitem></p>
    <sub id="7ntxv"><menuitem id="7ntxv"><meter id="7ntxv"></meter></menuitem></sub>

    <mark id="7ntxv"></mark>
    <meter id="7ntxv"><var id="7ntxv"></var></meter>

    知識 分享 互助 懶人建站

      懶人建站專注于網頁素材下載,提供網站模板、網頁設計、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://www.helloweba.com/view-blog-392.html
      ↓ 查看全文

      js貨幣格式化插件(currencyFmatter.js)由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

      懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

      js貨幣格式化插件(currencyFmatter.js)-最新評論

      亚洲免费的黄色网站_黄色网站在线放久操射视频_A片www.黄色网站成年人_天天干 天天操天天干

      <meter id="7ntxv"></meter>

      <b id="7ntxv"><listing id="7ntxv"><ol id="7ntxv"></ol></listing></b>
      <nobr id="7ntxv"></nobr><mark id="7ntxv"></mark>

        <p id="7ntxv"><menuitem id="7ntxv"><font id="7ntxv"></font></menuitem></p>
        <sub id="7ntxv"><menuitem id="7ntxv"><meter id="7ntxv"></meter></menuitem></sub>

        <mark id="7ntxv"></mark>
        <meter id="7ntxv"><var id="7ntxv"></var></meter>