前端数字格式化的几种方式
·
jstl
<fmt:formatNumber type="number" value="${xxx}" minFractionDigits="2" >
- type=number 数字格式为000,000
- minFractionDigits 小数点位数,至少保留两位小数,整数则在小数点后补0
- minIntegerDigits 小数点位数,当存在小数时保留两位小数,不存在则为整数
numeral.js
引用numeral.min.js
var result = numeral(xx).format("0,0.00")
- format 格式化方法
- 0,0表示金额3位显示,如123,456,456
- 0.00 表示小数点位数,整数则在小数点后补0
render.js
自定义函数,同样使用numeral
$.views.converters({
numeral: function (v,formatType) {
if(v=="" || v==undefined){
return "0";
}else{
return numeral(v/10000).format(formatType);
}
}
});
- v 需要格式化的变量
- formatType传入的格式化格式(numeral格式)
html用法
{{numeral:moneyEstimated "0,0.00"}}
多个参数直接用空格隔开
angularjs
{{number | filter}}
filter 为自定义的过滤器,也可直接使用angularjs自带的格式化函数,如 currency,data等等
参考链接:
jstl格式化语法链接:https://www.tutorialspoint.com/jsp/jstl_format_formatnumber_tag.htm
render自定义方法参考链接:http://www.jsviews.com/#convertersapi
欢迎关注我的个人公众号:逍遥的心。主推程序员写的生活类文章,有兴趣的朋友可以共同探讨下:
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)