autoNumeric.js数字格式化文本使用心得介绍

来源:互联网 发布:mysql存储优化 编辑:程序博客网 时间:2024/05/22 11:51

今天项目中需要用到数字化格式文本,而easyUI满足不了,因为需要用到的数字精度可能会达到8位,EASYUI设置精度为8的话,假如只输入1位小数,后面就会格式化7个0,很难看,不能自动控制想显示的位数。

于是autoNumeric.js,这是一个jquery插件。说说用法好了。需要下载的可以进我的资源下载库

代码:

<script>

jQuery(function($) {
$("#text1").focus(function(){
$("#text1").autoNumeric();
});
}); 

</script>

<input id="text1" value=""  type="text"  alt="p1c3p0s" />

主要说说红色部分

alt中一共有7个字符,分别代表了7个格式化属性: 其实主要用到的就是第一个,第二个和第七个
第一个:值为'p'(只能输入正数)或者'n'(正负都可以输入) 
第二个:值为0-9,分别代表小数点分隔符左边的位数.(当为'0'时可以输入15位整数) 

第三个:用做数字分组的分隔符(就是千分位等等用的分隔符) 
a:单引号或撇号(计时和角度时可以用) 
c:逗号(默认) 
p:句号(如果小数点的分隔符也是句号会有冲突) 
s:空格号 
x:无 
第四个:值为2,3(默认),4,用作数字分组的数字个数(如'3'的话为'123,123','4'的话为'12,3123','2'的时候好像是印度那边有这种分法,看原文作者写的) 
第五个:小数点的分隔符.值有c(逗号)和p(句号),p为默认. 
第六个:小数位的个数 
0:不允许输入小数,也就是说只能输入整数 
-9:小数位数(默认为2,如'1.23') 
a-Z:包括大小写,它会找id为'dp[a-Z]'的数字输入框,并将里面的数字作为小数的位数,也就是说可以动态修改小数位数. 
第七个:九种不同的数字修约规则 
S = Round-Half-Up Symmetric (默认,一般四舍五入就用它了) 
A = Round-Half-Up Asymmetric 
s = Round-Half-Down Symmetric 
a = Round-Half-Down Asymmetric 
B = Round-Half-Even "Bankers Rounding"(银行家算法?没用过) 
U = Round Up "Round-Away-From-Zero"(最大整数时用这个,当然不仅仅是整数范畴,可以精确到小数位) 
D = Round Down "Round-Toward-Zero"(最小整数时用这个) 
C = Round to Ceiling "Toward Positive Infinity" 
F = Round to Floor "Toward Negative Infinity" 

0 0