处理时间格式

h～r

于 2022-07-20 13:26:37 发布

阅读量129

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/huang123rui45/article/details/125890286

本文介绍了如何在Vue中创建自定义过滤器，用于将时间戳转换为两种不同格式的日期字符串：'YYYY.MM.DD'和'YYYY.MM.DDHH:mm:ss'。示例代码展示了具体实现，并在实际应用场景中使用了1812108800000的时间戳作为例子。

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

/**
 * @description vue自定义过滤器
 * @author zhangxinyu 2022.06.15
 */
import Vue from 'vue'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'

dayjs.locale('zh-cn')

// 一.时间格式转换：后端时间戳 1612108800000 或 2021-02-01T00:00:00
// 1.转换为 2021.02.01
Vue.filter('dateFormat1', val => {
  const formatStr = dayjs(val).format('YYYY.MM.DD')
  return formatStr === 'Invalid Date' ? '' : formatStr
})

// 2.转换为 2021.02.01 00:00:00
Vue.filter('dateFormat2', val => {
  const formatStr = dayjs(val).format('YYYY.MM.DD HH:mm:ss')
  return formatStr === 'Invalid Date' ? '' : formatStr
})

<h2 mb-30>帖子列表 {{ 1812108800000 | dateFormat1 }}</h2>