vue 时间处理filter

最新推荐文章于 2024-07-04 10:07:27 发布

Mozzie晓风残月

最新推荐文章于 2024-07-04 10:07:27 发布

阅读量644

点赞数

分类专栏：日期对象

本文链接：https://blog.csdn.net/weixin_42265852/article/details/97246509

版权

本文详细介绍了Vue.js中如何自定义时间格式化的filter，包括日期、时间戳的转换，以及如何在模板中使用这些filter进行时间展示。通过实例代码，展示了如何处理不同时间格式的需求，帮助开发者更好地在Vue项目中处理时间显示。

摘要由CSDN通过智能技术生成

{
  {getDetailData.updated_time | formatDate}}

        filters: {
            formatDate (time) {
                if(time) {
                    let timestamp = (new Date()).valueOf()
                    let stamp = parseInt(Math.abs(timestamp - time) / 1000 / 60 / 60 /24)
                    if(stamp) {
                        if(stamp <= 14) {
                            return `${stamp}天前`
                        } else {
                            return `最近`
                        }
                    } else {
                        stamp = parseInt(Math.abs(timestamp - time) / 1000 / 60 / 60)
                        if(stamp) {
                            return `${stamp}小时前`
                        } else {
                            stamp = parseInt(Math.abs(timestamp - time) / 1000 / 60)