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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wang124454731/article/details/53504138

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

欢迎关注我的个人公众号:逍遥的心。主推程序员写的生活类文章,有兴趣的朋友可以共同探讨下:这里写图片描述

阅读更多

没有更多推荐了,返回首页