学习dayjs库

前端熊猫

已于 2025-01-20 15:19:41 修改

阅读量1.1k

点赞数 14

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签：学习 dayjs 时间库

于 2024-12-31 00:00:00 首次发布

本文链接：https://blog.youkuaiyun.com/m0_72030584/article/details/144775246

一、简介

dayjs 是一个轻量级的 JavaScript 库，用于解析、验证、操作和格式化日期。它类似于 moment.js，但体积更小，性能更好。

二、安装

①使用 npm 安装

npm install dayjs

②在 HTML 中引入

<script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>

三、常用方法

format([String]): 格式化日期。

import dayjs from 'dayjs';

const now = dayjs();
console.log(now.format()); // 输出: YYYY-MM-DDTHH:mm:ssZ (默认格式)
console.log(now.format('YYYY-MM-DD')); // 输出: 2023-10-05
console.log(now.format('YYYY/MM/DD')); // 输出: 2023/10/05
console.log(now.format('MM/DD/YYYY')); // 输出: 10/05/2023
console.log(now.format('DD-MM-YYYY')); // 输出: 05-10-2023
console.log(now.format('HH:mm:ss')); // 输出: 14:30:45 (假设当前时间为14:30:45)
console.log(now.format('MMMM D, YYYY')); // 输出: October 5, 2023