前端数字格式化的几种方式

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

欢迎关注我的个人公众号：逍遥的心。主推程序员写的生活类文章，有兴趣的朋友可以共同探讨下：