react里使用Day.js显示时间

介绍

官方文档: https://dayjs.fenxianglu.cn/

安装方式

  1. npm install dayjs
  2. cnpm install dayjs
  3. yarn add dayjs
  4. pnpm add dayjs

引入及使用

js 复制代码
// 引入
var dayjs = require('dayjs');
// 或者
// import dayjs from 'dayjs' 
// 使用
// 打印当前时间对象的格式化时间
console.log(dayjs().format())  // 2024-12-27T15:26:34+08:00
console.log(dayjs().format("YYYY-MM-DD"))  //2024-12-27
console.log(dayjs().format("YYYY年MM月DD日"))  //2024年12月27日
console.log(dayjs().format("YYYY-MM-DD HH:mm:ss"))  //2024-12-27 15:26:34

判断是否是闰年
IsLeapYear 增加了 .isLeapYear API 返回一个boolean来展示一个 Day.js 对象的年份是不是闰年

js 复制代码
// 引入dayjs
import dayjs from 'dayjs';
var isLeapYear = require('dayjs/plugin/isLeapYear') // nodejs
dayjs.extend(isLeapYear)
console.log(dayjs('2024-12-27').isLeapYear())  //true
相关推荐
Cry丶5 分钟前
Vue 3 业务管理页面实战:组件拆分、父子通信与弹窗复用
前端·javascript·vue.js·父子通信·组件拆分·弹窗复用
雪芽蓝域zzs15 分钟前
Vue前端配置路由通配捕获 404
前端·javascript·vue.js
计算机魔术师16 分钟前
Anthropic 发布电商 Agent 架构与生产实践指南,并开源 commerce-agents 参考实现
前端
IMPYLH25 分钟前
HTML 的 <ol> 元素
前端·html
IMPYLH26 分钟前
HTML 的 <object> 元素
前端·html
DevOpenClub28 分钟前
PDF 多格式解析如何避免混用输出:TEXT、HTML、XML 与 TAG 数据契约
xml·前端·数据库·pdf·html
meilindehuzi_a35 分钟前
从域名到数据库:React + Node.js 项目部署全流程与用户访问链路
数据库·react.js·node.js
用户2526327534736 分钟前
请问同一台服务器能同时部署前后端项目并支持https吗?
前端
小凯在掘金1 小时前
类型判断什么时候用 typeof?
javascript
Sincerelyplz1 小时前
【Pipecat】基于Pipecat的voice agent实践
前端·后端·agent