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
相关推荐
程序员海军18 小时前
沪漂五周年了:我越来越迷茫了
前端·人工智能·后端
一天 24h18 小时前
Vue3父子组件传值:从零到精通
前端·javascript·vue.js·pycharm·npm·学习方法
大家的林语冰18 小时前
CSS 新函数上市,一行代码让文本自动变色,无需 JS 也能符合 W3C 无障碍对比度标准
前端·javascript·css
爱勇宝18 小时前
前端工程师的下一站:不是失业,而是 AI Engineer
前端·javascript·架构
小雨下雨的雨18 小时前
电池电量检测工具 - 鸿蒙PC用Electron框架技术实现详解
前端·javascript·华为·electron·鸿蒙·鸿蒙系统
DFT计算杂谈18 小时前
VASP 磁性结构可视化:一键生成完美 VESTA / MCIF
java·前端·css·html·css3
砍材农夫18 小时前
物联网实战:Spring Boot MQTT | 模拟器Paho客户端拆解核心点
java·javascript·网络·spring boot·后端·物联网
小李云雾18 小时前
Vue Router 从入门到精通:路由核心知识点全解析
前端·javascript·vue.js
weixin_5394467818 小时前
使用Java HttpServletResponse和JavaScript Fetch下载文件
java·javascript·python
每天吃饭的羊19 小时前
LeetCode JS 常用辅助数据结构
前端