element結合vue對table列值時間格式化並修改樣式
阿新 • • 發佈:2018-12-04
element vue對table中時間格式化並且修改樣式
請看效果圖:
程式碼如下:
<el-table-column>
label="完成時間">
<template scope="scope">
<span v-html="dateFormatTime(scope.row.finishTime)"></span>
</template>
</el-table-column>
其中finishTime是你獲取的欄位值,dateFormatTim是方法。
dateFormatTime: function(value) {
if(value){
var formatterTime = moment(new Date(value)).format("YYYY-MM-DD");
return "<font color='red'>"+formatterTime+"</font>";
}else {
return "";
}
},
雖然是個很簡單的問題,但也困擾了我一些時間,希望能幫到你們,謝謝。不喜勿噴!