jquery-number-divider是一款jquery数字格式化分隔符插件。该数字格式化插件可以按指定格式对大数字进行分隔,可以指定分隔符,是一款简单实用的数字格式化插件。
安装
可以通过bower来安装number-divider.js数字格式化插件。
bower install number-divider
使用方法
在页面中引入jquery和number-divider.min.js文件。
<script src="path/to/jquery.min.js"></script> <script src="path/to/number-divider.min.js"></script>
HTML结构
你可以实用任何HTML标签来包裹数字,任何通过统一的class类来进行初始化。例如:
<div class="divide">1000</div> <span class="divide">10000</span> <label class="divide">1000000</label>
在上面的例子中,只要你调用了$('.divide').divide();
,那么上面所有的数字都会被格式化。
初始化插件
在页面DOM元素加载完毕之后,可以通过divide()
方法来初始化该数字格式化插件。
$('.divide').divide();
配置参数
number-divider.js数字格式化插件的默认配置参数如下:
{ delimiter: ',', // current delimiter divideThousand: true, // 1,000..9,999 delimiterRegExp: /[\.\,\s]/g // available delimiters }
number-divider.js数字格式化插件的github地址为:https://github.com/tyugaev/jquery-number-divider