前端使用插件—时间处理工具Day.js

Day.js是一个轻量级、极简的JavaScript库专为现代浏览器设计，用于解析、验证、操作和显示日期和时间。这个插件以其超小的压缩体积（通常小于2KB）、广泛的浏览器兼容性以及提供的链式操作等特点而受到前端开发者的青睐。（Moment.js 的 API 设计保持完全一样）
官方网址：https://dayjs.fenxianglu.cn/category/

安装

// npm
$ npm install dayjs 

// cnpm 
$ cnpm install dayjs -S 

// yarn
$ yarn add dayjs 

// pnpm
$ pnpm install dayjs

注：也可以通过浏览器的 script 标签导入 CDN 文件使用

示例用法

//注意加载顺序
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn' // 加载中文语言包
import relativeTime from 'dayjs/plugin/relativeTime'


dayjs.locale('zh-cn') //默认是英文，配置为中文全局使用
dayjs.extend(relativeTime)// 配置使用处理相对时间的插件

// 输出当前日期和时间
const now = dayjs();  
console.log(now.format('YYYY-MM-DD HH:mm:ss')); 

// 输出格式化后的日期
const dateString = "2023-09-04";  
const formattedDate = dayjs(dateString).format('YYYY年MM月DD日');  
console.log(formattedDate);

//日期加减
const futureDate = dayjs().add(7, 'day'); // 7天后的日期  
const pastDate = dayjs().subtract(1, 'year'); // 1年前的日期

总结
Day.js是一个功能强大且易于使用的日期时间处理插件，它以其小巧的体积和全面的功能在前端开发中占据了重要地位。无论你是需要简单地格式化日期时间，还是需要进行复杂的日期时间运算，Day.js都能提供简洁而有效的解决方案。