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
相关推荐
阿琳a_几秒前
前端对WebSocket进行封装,并建立心跳监测
前端·javascript·vue.js·websocket
Am1nnn5 分钟前
【Pinia】Pinia和Vuex对比
前端·javascript·vue.js
可爱小仙子10 分钟前
ios苹果系统,js 滑动屏幕、锚定无效
前端·javascript·ios
大得36912 分钟前
react菜单,动态绑定点击事件,菜单分离出去单独的js文件,Ant框架
前端·javascript·react.js
段旭涛18 分钟前
uniapp 设置手机不息屏
前端·uni-app
古夕21 分钟前
Promise A+ 规范解读
前端·javascript
古夕21 分钟前
Promise 基础概念与实践详解
前端·javascript
SameX21 分钟前
HarmonyOS Next 枚举递归定义与表达式树建模:从理论到实践
前端
SameX23 分钟前
HarmonyOS Next自定义枚举与标准库的协同:Option与Result
前端
用户58061393930024 分钟前
深度解析:解决大型 Git 仓库克隆失败的完整指南
前端