利用jquery实现数字千分位排版显示，使用0动态补全8位数

利用jquery实现上述效果其实非常简单，首先在html部分创建div容器，设置好最外层对齐方式以及大小。再利用jquery对动态数据进行html拼接就可以了。
内容块定义

<div style="width:100%;padding: 0 14%;text-align:center;margin-top:38px;height: 67px;"><div id="home_search_num"></div>

样式书写

.home-content-num{height: 66px;line-height: 66px;width:10%;background-color: #ffffff;text-align:center;border: solid 2px rgba(82, 130, 240, 0.13);font-size: 39px;font-weight:bold;color:#5282f0;float:left;margin-right:1%;
}
.home-content-comma{text-align: center;width:6%;float: left;color: #5282f0; margin-top: 40px;font-size: 19px;
}

业务逻辑实现

render(653109);
var render = function(num){// 用0前置补全8位var arr = Array(9).join("0") + num;arr = arr.slice(-8);var htmlNum = "";for(var i=0;i<arr.length;i++){htmlNum += '<div class="home-content-num"><span>'+arr[i]+'</span></div>'// 固定位置拼上【，】号if(i==1||i==4){htmlNum += '<div class="home-content-comma"><span>，</span></div>'}}$('#home_search_num').html(htmlNum);
}

利用jquery实现数字千分位排版显示，使用0动态补全8位数相关推荐

java 数字千分位_java实现数字千分位的显示
由于项目中要求输入的数字用千分位显示,数字保留两位小数,而且要求再删除数字的时候也要求删除后的数字也要是千分位显示,好像表达的有点不清楚,贴代码吧,作为一个小工具吧. /** * 格式化数字为千分位显 ...
word文档怎么给数字加千分符_word数字千分位的批量添加方法
内容提要:文章介绍word数字千分位的一次性批量添加方法,以及word千分位详细的添加操作步骤. 笔者是一名会计从业者,在word文档中经常与数字打交道,为了保持数字格式的统一性,需要将数字添加千分位 ...
angular 数字逗号分隔_angular 实现的输入框数字千分位及保留几位小数点功能示例...
摘要:这篇AngularJS栏目下的"angular 实现的输入框数字千分位及保留几位小数点功能示例",介绍的技术点是"angular.保留几位小数.千分位.小数点.输入 ...
1.生成指定范围随机数2.数字千分位分隔
1.生成指定范围随机数 2.数字千分位分隔 <script> export default {name: "HelloWorld",data() {return {}; ...
jquery实现金额千分位及人民币数字转大写
//金额加千分位function formatAmount(num, precision, separator) {var parts;// 判断是否为数字if (!isNaN(parseFloat( ...
JAVA数字千分位和小数点的现实(处理金额问题)
金融类等项目通常对于金额较大的字段,通常要求千分位显示,数字保留两位小数,分装工具类方便以后工作需要: ------------------------------------------------ ...
c语言将整数输出千分位,axure怎么把数字千分位
1. axure中的数字可以设置格式,可以加千分隔符吗数字设置格式有几个函数 toFixed指定数字的小数点位数 toExponential 指数计数法 toPrecision: 格式化为指定的长度 ...
input js number 整数_数字千分位处理，number.js，js保留两位，整数强制保留两位小数...
杨龙飞杨龙飞杨龙飞杨龙飞杨龙飞杨龙飞官方文档:https://www.customd.com/articles/14/jquery-number-format-redux 1.千分位 $. ...
javascript数字千分位格式化
笨方法 1 // 千分位格式化 2 function toQfw(n){ 3 var str_n=n.toString(); 4 var result=""; 5 while(st ...

利用jquery实现数字千分位排版显示，使用0动态补全8位数

利用jquery实现数字千分位排版显示，使用0动态补全8位数相关推荐

最新文章

热门文章