当前位置:主页 > JavsScript库 > 其它 >

国际货币输入插件库 - intl-currency-input.js
栏目分类:其它   发布日期:2021-08-18   浏览次数:

一个国际货币输入 JavaScript 库,可自动将数值格式化为货币。

如何使用它:

1. 使用NPM安装和下载。

# NPM
$ npm i intl-currency-input --save

2. 将 intl-currency-input.js 导入文档中。

<script src="intl-currency-input.min.js"></script>

3. 在输入字段上初始化 CurrencyInput 并指定初始值:

<input type="text" class="example" placeholder="请输入金额" />
const myInput = new CurrencyInput('.example', {
      defaultValue: 1000
});

4. 通过在属性中插入货币代码 ( ISO 4217 ) 来设置货币符号/名称和小数位数currency。默认值:“USD”。

const myInput = new CurrencyInput('.example', {
      locale: 'fr',
      currency: 'EUR',
});

5. 设置显示模式。可以是“symbol”(默认)、“name”、“code”和“none”。

const myInput = new CurrencyInput('.example', {
      currencyDisplay: 'name',
      currencyDisplayFallback: 'name'
});

6. 设置允许输入的最小值/最大值。

const myInput = new CurrencyInput('.example', {
      max: 1000,
      min: -10,
});

7. 自定义分隔符和小数字符。

const myInput = new CurrencyInput('.example', {
      separationCharacter: ' ',
      decimalCharacter: ',',
});

8. 判断是否禁止用户输入十进制数。默认值:true。

const myInput = new CurrencyInput('.example', {
      disableCents: false
});

9. 确定是否阻止用户从 IME 输入值。默认值:true

const myInput = new CurrencyInput('.example', {
      preventInputFromIME: false
});

10. 回调函数。

const myInput = new CurrencyInput('.example', {
      validCallback: function () { 
        // 有效
      },
      invalidCallback: function () {
        // 无效
      }
});

11. API 方法。

// 以字符串
myInput.getValueAsString(); 
  
// 以浮点数
myInput.getValueAsFloat()
  
// 以整数
myInput.getValueAsInt();
  
// re-init
myInput.reinit({
  // 选项
});
  
// 返回一个整数,表示当前货币的小数位数
myInput.getCurrencyDecimalCount();
  
// 返回当前用作字符串的分隔符
myInput.getSeparationCharacter();
  
// 返回当前用作字符串的十进制字符
myInput.getDecimalCharacter();


官方网站:https://github.com/konstantin-lukas/intl-currency-input

相关热词: 国际货币

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库