09 React使用dayjs

bash 复制代码
npm install dayjs
  1. 在 JavaScript/TypeScript 项目中使用 Day.js:
javascript 复制代码
// 引入 Day.js
import dayjs from 'dayjs';

// 创建一个 Day.js 对象
const now = dayjs();

// 格式化日期
console.log(now.format('YYYY-MM-DD'));

// 添加/减去时间
console.log(now.add(1, 'day').format('YYYY-MM-DD'));

// 获取年份、月份、日期等
console.log(now.year());
console.log(now.month() + 1); // Month starts from 0, so add 1
console.log(now.date());

在 React 项目中引入 Day.js:

javascript 复制代码
import React from 'react';
import dayjs from 'dayjs'; // 引入 Day.js

class MyComponent extends React.Component {
  render() {
    // 在组件中使用 Day.js
    const now = dayjs();
    return (
      <div>
        <p>当前日期:{now.format('YYYY-MM-DD')}</p>
      </div>
    );
  }
}

export default MyComponent;
相关推荐
FakeOccupational2 分钟前
【树莓派 002】 RP2040 实现示波器 PIO来驱动 ADC10080 并抓取数据方案+ 内置12-bitADC&DMA&网页前端可视化方案
前端
至善迎风6 分钟前
Bun:下一代 JavaScript 运行时与工具链
开发语言·javascript·ecmascript·bun
DJ斯特拉8 分钟前
Vue工程化
前端·javascript·vue.js
秋深枫叶红9 分钟前
嵌入式第三十五篇——linux系统编程——exec族函数
linux·前端·学习
LinDon_15 分钟前
【vue2form表单中的动态表单校验】
前端·javascript·vue.js
一水鉴天25 分钟前
整体设计 之28 整体设计 架构表表述总表的 完整程序(之27 的Q268 )(codebuddy)
java·前端·javascript
DsirNg31 分钟前
使用 SSE 单向推送实现 系统通知功能
前端·javascript
IT_陈寒40 分钟前
SpringBoot 3.2 实战:用这5个新特性让你的API性能提升40%
前端·人工智能·后端
霍理迪1 小时前
HTML初相识
前端·html
恋猫de小郭1 小时前
Android 宣布 Runtime 编译速度史诗级提升:在编译时间上优化了 18%
android·前端·flutter