1. 程式人生 > >elementUI 時間格式化(一般方法)

elementUI 時間格式化(一般方法)

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;   }, },