当我们从后台取了数据,但是我们希望在前台统一显示格式时,我们可能需要格式化数据。

今天正好总结一下前端JS格式化数据的几个方法:

1. toFixed() 方法   可把 Number 四舍五入为指定小数位数的数字。

  1.1 保留两位小数 

1 function percent(data){
2     if(data!=null){
3       return data.toFixed(2);
4     }else{
5       return ;
6     }
7   }

  1.2 数字格式化,保留两位小数并每三位加逗号

1  function number(data){
2     if(data!=null){
3       return data.toFixed(2).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,'$&,');
4     }else{
5       return ;
6     }
7   }

2.日期的格式化

  2.1 格式化日期 YYYY-MM-DD

  此方法的row参数是和easyUi 一起使用,表示每行都格式化。

 1  function formatDate(val,row){
 2     if(val!=null){
 3       var date=new Date(val);
 4       var m=date.getMonth()+1;
 5       var d=date.getDate();
 6       if(m<10){
 7         m="0"+m;
 8       }
 9       if(d<10){
10         d="0"+d;
11       }
12       return date.getFullYear()+"-"+m+"-"+d;
13     }
14   }