前端项目时间戳处理

最新推荐文章于 2025-03-11 17:25:35 发布

LazyHaokj

最新推荐文章于 2025-03-11 17:25:35 发布

阅读量460

点赞数

分类专栏：前端文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_44192389/article/details/126807555

版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在Vue3中移除过滤器，改用全局属性的方式，通过引入Day.js库来处理时间戳，展示了如何定义dateFilter全局函数并导出到应用中，以便于在项目中统一格式化日期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3中删除了过滤器，所以我们使用全局属性对时间戳进行处理

时间处理部分我们通过Day.js进行处理

下载 Day.js

npm i dayjs@1.10.6

创建src/filters 文件夹，用于定义全局属性

import dayjs from 'dayjs'

const dateFilter = (val, format = 'YYYY-MM-DD h:m:s') => {
  if (!isNaN(val)) {
    val = parseInt(val)
  }
  return dayjs(val).format(format)
}

export default (app) => {
  app.config.globalProperties.$filters = {
    dateFilter
  }
}