vue时间过滤器

最新推荐文章于 2023-08-11 11:22:44 发布

Alive_tree

最新推荐文章于 2023-08-11 11:22:44 发布

阅读量703

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/Alive_tree/article/details/106241153

Vue 专栏收录该内容

24 篇文章

订阅专栏

我们这边定义一个时间的过滤器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;
            }
        });
    }
}