vue项目常用之一:封装自定义 dayjs 日期处理模块

复制代码
/**
 * 封装自定义 dayjs 日期处理模块
 */
import dayjs from 'dayjs'
import rTime from 'dayjs/plugin/relativeTime'
import 'dayjs/locale/zh-cn'

// 全局使用中文
dayjs.locale('zh-cn')

// dayjs 本身只处理日期格式化之类的核心功能
// 其它例如相对时间,需要单独配置它自己的插件才可以使用
dayjs.extend(rTime)

export const relativeTime = value => {
  return dayjs().to(dayjs(value))
}

export const formatTime = (value, format = 'YYYY-MM-DD hh:mm:ss') => {
  return dayjs(value).format(format)
}

export default {
  install (Vue) {
    Vue.filter('relativeTime', relativeTime)
    Vue.filter('formatTime', formatTime)
  }
}
复制代码

 

posted @   午亭爱成长  阅读(1698)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
点击右上角即可分享
微信分享提示