1. 程式人生 > >element結合vue對table列值時間格式化並修改樣式

element結合vue對table列值時間格式化並修改樣式

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

雖然是個很簡單的問題,但也困擾了我一些時間,希望能幫到你們,謝謝。不喜勿噴!