Day.js 是一个轻量级的 JavaScript 日期处理库,以下是常用用法:

Day.js 是一个轻量级的 JavaScript 日期处理库,以下是常用用法:

以前经常使用 manba.js ,最近准备切换dayjs,下面记录一下常用使用方法

安装和引入

javascript 复制代码
npm install dayjs
或者
pnpm install dayjs
javascript 复制代码
import dayjs from 'dayjs'

基本用法

创建日期对象

javascript 复制代码
// 当前时间
const now = dayjs()

// 解析字符串
const date1 = dayjs('2025-12-25')
const date2 = dayjs('2025-12-25 10:30:00')

// 解析时间戳
const timestamp = dayjs(1703472000000)

// 解析 Date 对象
const jsDate = new Date()
const date3 = dayjs(jsDate)

格式化输出

javascript 复制代码
dayjs().format() // 2025-12-25T10:30:00+08:00
dayjs().format('YYYY-MM-DD') // 2025-12-25
dayjs().format('YYYY年MM月DD日') // 2025年12月25日
dayjs().format('HH:mm:ss') // 10:30:00
dayjs().format('YYYY-MM-DD HH:mm:ss') // 2025-12-25 10:30:00

获取和设置日期部分

javascript 复制代码
const date = dayjs()

// 获取
date.year()    // 2025
date.month()   // 11 (0-11)
date.date()    // 25
date.hour()    // 10
date.minute()  // 30
date.second()  // 0

// 设置
date.year(2024)
date.month(0)  // 一月
date.date(1)

日期操作

javascript 复制代码
const date = dayjs()

// 增加
date.add(7, 'day')    // 加7天
date.add(1, 'month')  // 加1个月
date.add(2, 'year')   // 加2年

// 减少
date.subtract(3, 'day')   // 减3天

// 开始和结束
date.startOf('day')     // 当天开始时间 00:00:00
date.startOf('month')   // 当月第一天
date.endOf('day')       // 当天结束时间 23:59:59

日期比较

javascript 复制代码
const date1 = dayjs('2025-12-25')
const date2 = dayjs('2025-12-26')

date1.isBefore(date2)  // true
date2.isAfter(date1)   // true
date1.isSame(date2, 'day')  // false

// 差值
date2.diff(date1, 'day')  // 1 (天数差)

相对时间

javascript 复制代码
dayjs().fromNow()      // 几秒前 / 几分钟前
dayjs().toNow()        // 几秒后 / 几分钟后

dayjs('2025-12-20').fromNow()  // 5天前

常用插件

相对时间插件

javascript 复制代码
import relativeTime from 'dayjs/plugin/relativeTime'
import 'dayjs/locale/zh-cn' // 中文

dayjs.extend(relativeTime)
dayjs.locale('zh-cn')

dayjs().fromNow()  // 几秒前 几天前 一年前 ....

时区插件

javascript 复制代码
import utc from 'dayjs/plugin/utc'
import timezone from 'dayjs/plugin/timezone'

dayjs.extend(utc)
dayjs.extend(timezone)

dayjs().tz('Asia/Shanghai')

日期差值的更精确计算

javascript 复制代码
import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
import isSameOrAfter from 'dayjs/plugin/isSameOrAfter'

dayjs.extend(isSameOrBefore)
dayjs.extend(isSameOrAfter)

实用示例

javascript 复制代码
// 获取本周第一天(周一)
const weekStart = dayjs().startOf('week')

// 获取本月最后一天
const monthEnd = dayjs().endOf('month')

// 判断是否是今天
const isToday = dayjs().isSame(dayjs(), 'day')

// 格式化持续时间
const start = dayjs('2025-12-25 10:00:00')
const end = dayjs('2025-12-25 14:30:00')
const duration = end.diff(start, 'minute')  // 270分钟

// 生成日期范围
const dates = []
for (let i = 0; i < 7; i++) {
  dates.push(dayjs().add(i, 'day').format('YYYY-MM-DD'))
}

Day.js 的 API 设计类似 Moment.js,但体积更小,性能更好,是现代项目中处理日期时间的首选库。

相关推荐
俊昭喜喜里1 小时前
理解全局跨域CORS配置
前端
香芋芋圆2 小时前
iD-editor 详解|OSM官方在线编辑器,基于D3.js的轻量地图编辑器
开发语言·javascript·编辑器
晗夜未央3 小时前
任务队列反复失败,先分清重试、阻塞和结果待核对
开发语言·javascript
锋行天下4 小时前
DeepSeek写Langgraph就是个大傻逼,一本正经胡说八道
前端·人工智能·后端
jktantan4 小时前
每个节点 41 字节:把一棵百万节点树拆进 14 个 typed array
前端·javascript·vue.js·算法·typescript
计算机魔术师5 小时前
Anthropic官方插件被「寄生」,背后是同一类攻击又来了
前端
我命由我123455 小时前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
key_3_feng5 小时前
评估与对齐:Agent 自我进化的护栏
前端·数据库·agent
程序员大阳5 小时前
副队长JavaScript教程(65)-详解JSON:轻量级数据交换格式
javascript·json·序列化·反序列化·stringify·parse
LaughingZhu6 小时前
Product Hunt 热榜 2026-10-30:Empacer、Scape、Floot in ChatGPT
java·前端·数据库·人工智能·chatgpt·notion