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;
相关推荐
美狐美颜sdk3 小时前
跨平台直播美颜sdk集成攻略:Android、iOS与Web的统一方案
android·前端·ios
Airser3 小时前
npm启动Taro框架报错
前端·npm·taro
Anlici4 小时前
连载小说大学生课设 需求&架构
前端·javascript·后端
i源4 小时前
Java语言处理Js文件内容格式化
java·javascript
2501_938769995 小时前
React Server Components 进阶:数据预取与缓存
前端·react.js·缓存
“负拾捌”5 小时前
基于NodeJs实现一个MCP客户端(会话模式和无会话模式)
javascript·ai·node.js·大模型·mcp
蒜香拿铁5 小时前
Angular【基础语法】
前端·javascript·angular.js
xiaoxiao无脸男6 小时前
纯css:一个好玩的按钮边框动态动画
前端·css·css3
rookie_fly6 小时前
基于Vue的数字输入框指令
前端·vue.js·设计模式
元直数字电路验证6 小时前
ASP.NET Core Web APP(MVC)开发中无法全局配置 NuGet 包,该怎么解?
前端·javascript·ui·docker·asp.net·.net