當我們從后台取了數據,但是我們希望在前台統一顯示格式時,我們可能需要格式化數據。
今天正好總結一下前端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 }