[js开源组件开发]数字或金额千分位格式化组件
2015-08-05 13:28
1221 查看
数字或金额千分位格式化组件
这次距离上一个组件《[js开源组件开发]table表格组件》时隔了一个月,由于最近的项目比较坑,刚挖完坑,所以来总结性提出来几个组件弥补这次的空缺,首先是金额和数字的千分位和小数点控制的组件,它的作用主要是在输入框时限制输入的内容为数字。也可以用于普通标签的数字格式化,效果如下图:demo演示地址请点击 http://www.lovewebgames.com/jsmodule/format-number.html
href="https://github.com/tianxiangbing/format-number" target=_blank>源码github托管地址请点击https://github.com/tianxiangbing/format-number演示代码
<script src="../src/jquery-1.11.2.js"></script> <script src="../src/format-number.js"></script> <div>整数:<input type="text" data-type="int" data-name="int"/></div> <script> var n1 = new FormatNumber(); n1.init({trigger:$('[data-type="int"]'),decimal:0}); </script> <div>整数可为负:<input type="text" data-type="int2" data-name="int"/></div> <script> var n2 = new FormatNumber(); n2.init({trigger:$('[data-type="int2"]'),decimal:0,minus:true}); </script> <div>两位小数(默认):<input type="text" class="has-minus" value="1112212.221" data-type="number" data-name="as"/></div> <script> var n3 = new FormatNumber(); n3.init({trigger:$('[data-type="number"]')}); </script> <div>3位小数并且可为负数:<input type="text" data-name="pc" data-type="pecent"/></div> <script> var n4 = new FormatNumber(); n4.init({trigger:$('[data-type="pecent"]'),decimal:3,minus:true}); </script> <div>4位小数并且不可为负数:<input type="text" data-name="pc" data-type="pecent2"/></div> <script> var n5 = new FormatNumber(); n5.init({trigger:$('[data-type="pecent2"]'),decimal:4}); </script> <div>标签:123123123.13211=<span id="sp_number">123123123.13211</span></div> <script> $('#sp_number').FormatNumber({decimal:4}) </script>
API
属性
trigger:dom|string
触发器元素,可为input或标签元素(span/div)
parent :dom|string
委托对象,由于本插件对事件的绑定都以委托为主,如不传,默认代理到body上
decimal: int
小数位数,默认2位
minus: bool
是否支持负数,默认为false不支持
相关文章推荐
- 将html文件转换成jsp文件
- JavaScript权威指南_148_第15章_脚本化文档_15.10-其他文档特性-查询选取的脚本
- JSP+Servlet实现验证码生成
- href="javascript:"和href="javascript:void(0);"
- js绘制圆形和矩形的方法
- JavaScript实现自动消除按钮功能的方法
- JavaScript计算值然后把值嵌入到html中。
- js中的页面跳转
- javascript实现手机震动API代码
- JS实现生成会变大变小的圆环实例
- 怎么用js代码禁止浏览器的前进与后退?
- HTML——JAVASCRIPT练习题——图片轮播
- 为什么用js写页面
- JavaScript计算某一天是星期几的方法
- JavaScript实现节点的删除与序号重建实例
- javascript中的正则表达式
- javascript禁止访客复制网页内容的实现代码
- js数组遍历 千万不要使用for...in...
- 几种js判断输入框不能为空的方
- extjs,后台递归获取权限树,进行展示