elementUI 時間格式化(一般方法)
阿新 • • 發佈:2018-11-03
1.html:
... <el-table-column prop="updateTime" label="更新時間" width="160" align="center" :formatter="dateFormat"></el-table-column> ...
2.vue的methods 裡面
//方法 methods: { //時間格式化 dateFormat:function(row,column){ var t=new Date(row.updateTime);//row 表示一行資料, updateTime 表示要格式化的欄位名稱return t.getFullYear()+"-"+(t.getMonth()+1)+"-"+t.getDate()+" "+t.getHours()+":"+t.getMinutes()+":"+t.getSeconds()+"."+t.getMilliseconds(); }, //時間格式化2 dataFormat2:function(row,column){ var t=new Date(row.updateTime);//row 表示一行資料, updateTime 表示要格式化的欄位名稱 var year=t.getFullYear(), month=t.getMonth()+1, day=t.getDate(), hour=t.getHours(), min=t.getMinutes(), sec=t.getSeconds(); var newTime=year+'-'+ (month<10?'0'+month:month)+'-'+ (day<10?'0'+day:day)+' '+ (hour<10?'0'+hour:hour)+':'+ (min<10?'0'+min:min)+':'+ (sec<10?'0'+sec:sec); return newTime; }, },