Vue 使用 Day.js 获取想要的日期（某年月日，某格式）

最新推荐文章于 2024-11-08 15:07:32 发布

原创最新推荐文章于 2024-11-08 15:07:32 发布 · 9.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

vue 专栏收录该内容

16 篇文章

订阅专栏

这篇博客介绍了如何在Vue项目中使用Day.js库来获取和格式化日期。首先通过npm安装Day.js，然后在需要的组件中导入并使用。文章详细展示了获取年、月、日、星期、时、分、秒以及毫秒的方法，并给出了获取当前月第一天的格式化示例。此外，还提供了Day.js转换为原生Date对象、Unix时间戳以及查看中文文档的指引。

Vue 使用 Day.js 获取想要的日期（某年月日，某格式）

引入

npm install dayjs --save

使用

在需要用到的页面直接引入

import dayjs from 'dayjs'

简单使用

获取

年 ： dayjs().year()
月 ： dayjs().month()
日 ： dayjs().date()
星期 ： dayjs().day()
时 ： dayjs().hour()
分 ： dayjs().minute()
秒 ： dayjs().second()
毫秒 ： dayjs().millisecond()

返回原生的 Date 对象

dayjs().toDate()

Unix 时间戳 (秒)

dayjs().unix()

复杂使用：获取当月第一天（一定要看官方文档，国内翻译的可能时效性问题，很多都找不到）

dayjs().date(1).format('YYYY-MM-DD HH:mm:ss')

Day.js 中文文档