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;
相关推荐
轻语呢喃几秒前
React智能前端:从零开始的识图学单词项目(一)
javascript·react.js·aigc
断竿散人1 分钟前
JavaScript 异常捕获完全指南(下):前端框架与生产监控实战
前端·javascript·前端框架
Danny_FD3 分钟前
Vue2 + Vuex 实现页面跳转时的状态监听与处理
前端
小飞悟3 分钟前
别再只会用 px 了!移动端适配必须掌握的 CSS 单位
前端·css·设计
安思派Anspire4 分钟前
LangGraph + MCP + Ollama:构建强大代理 AI 的关键(一)
前端·深度学习·架构
LRH5 分钟前
JS基础 - 基于 Generator + Promise 实现 async/await 原理
前端·javascript
Jolyne_5 分钟前
可配置永久生效的Table组件的封装过程
前端·react.js
自由逐风5 分钟前
前端小数点精度问题解析
javascript
断竿散人6 分钟前
JavaScript 异常捕获完全指南(上):从同步异步到 Promise 错误处理
前端·javascript·promise
laperter7 分钟前
js中继承关系杂乱?这篇带你理清
javascript