Imask.js通过在价格末尾附加可变双零来将货币符号设置为和的数字

问题描述

如何通过使用js库imask.js或使用普通javascript在价格末尾附加默认的doube零，来进行类似这样的输入蒙版： 3.380.321,00 $ >

var currencyMask = IMask(
  document.getElementById('price'),{
    mask: '$num',blocks: {
      num: {
        mask: Number,thousandsSeparator: '.'
      }
    }
  });

var currencyMask = IMask(
  document.getElementById('price2'),{
    mask: 'num$',thousandsSeparator: '.'
      }
    }
  });

<script src="https://unpkg.com/imask"></script>
<input type="text" id="price" value="2700300.21">
<hr>
<p>Needed masking: 3.380.321,00 $</p>
<input type="text" id="price2">

解决方法

试试这个

var currencyMask = IMask(
  document.getElementById('price'),{
    mask: [
        { mask: '' },{
            mask: 'num $',lazy: false,blocks: {
                num: {
                    mask: Number,scale: 2,thousandsSeparator: '.',padFractionalZeros: true,radix: ',',mapToRadix: ['.'],}
            }
        }
    ]
  });

<script src="https://unpkg.com/imask"></script>
<input type="text" id="price" value="3380321.00">