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
相关推荐
江城开朗的豌豆4 分钟前
小程序登录不迷路:一篇文章搞定用户身份验证
前端·javascript·微信小程序
aesthetician8 分钟前
React 19.2.0: 新特性与优化深度解析
前端·javascript·react.js
Django强哥12 分钟前
JSON Schema Draft-07 详细解析
javascript·算法·代码规范
FIN666823 分钟前
射频技术领域的领航者,昂瑞微IPO即将上会审议
前端·人工智能·前端框架·信息与通信
U.2 SSD33 分钟前
ECharts漏斗图示例
前端·javascript·echarts
江城开朗的豌豆33 分钟前
我的小程序登录优化记:从短信验证到“一键获取”手机号
前端·javascript·微信小程序
excel36 分钟前
Vue Mixin 全解析:概念、使用与源码
前端·javascript·vue.js
IT_陈寒43 分钟前
Java性能优化:这5个Spring Boot隐藏技巧让你的应用提速40%
前端·人工智能·后端
勇往直前plus1 小时前
CentOS 7 环境下 RabbitMQ 的部署与 Web 管理界面基本使用指南
前端·docker·centos·rabbitmq
Never_Satisfied1 小时前
在JavaScript / HTML中,Chrome报错此服务器无法证实它就是xxxxx - 它的安全证书没有指定主题备用名称
javascript·chrome·html