处理时间格式

本文介绍了如何在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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值