当我们从后台取了数据,但是我们希望在前台统一显示格式时,我们可能需要格式化数据。
今天正好总结一下前端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 }