vue時間過濾器

我們這邊定義一個時間的過濾器activeDateFilter
使用的話就是

       <el-table-column label="時間">
            <template slot-scope="scope">
              <span>{{ scope.row.time | activeDateFilter}}</span>
            </template>
          </el-table-column>

activeDateFilter的定義是

Filter.activeDateFilter = value=>{
    value = parseInt(value)
    if (value == "" || value == undefined || value === null || isNaN(value)) {
        return value = ""
    } else {
        let format = 'yyyy-MM-dd HH:mm:ss';
        let t = new Date(value);
        let tf = function (i) {
            return (i < 10 ? "0" : "") + i
        };
        return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
            switch (a) {
                case 'yyyy':
                    return tf(t.getFullYear());
                    break;
                case 'MM':
                    return tf(t.getMonth() + 1);
                    break;
                case 'mm':
                    return tf(t.getMinutes());
                    break;
                case 'dd':
                    return tf(t.getDate());
                    break;
                case 'HH':
                    return tf(t.getHours());
                    break;
                case 'ss':
                    return tf(t.getSeconds());
                    break;
            }
        });
    }
}

然後你如果想知道 過濾器文件的使用方式 可以看
vue過濾器的使用 filters vue過濾器的使用 filters