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

猜你喜欢

转载自blog.csdn.net/Alive_tree/article/details/106241153