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;
相关推荐
VidDown5 分钟前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
jay神14 分钟前
基于 FastAPI + Vue 的宠物领养管理系统
前端·vue.js·python·毕业设计·fastapi·宠物
lichenyang45317 分钟前
鸿蒙 Web 容器(五·完结):闭环回传、容器治理,兼谈 AtomicServiceEnhancedWeb
前端
lichenyang45318 分钟前
鸿蒙 Web 容器(四):ArkTS 拿到请求后,怎么「按 action 找能力」?
前端
lichenyang45328 分钟前
鸿蒙 Web 容器(三):H5 怎么「调」到 ArkTS?
前端
代码不加糖32 分钟前
Proxy能够监听到对象中的对象的引用吗?
开发语言·前端·javascript
光影少年35 分钟前
react 原理与进阶
前端·react.js·掘金·金石计划
kyrie2836 分钟前
Vue 全套性能优化方案
前端
Sour41 分钟前
PDF翻译卡住不动怎么办?扫描件、OCR 和大文件排查清单
前端·pdf·ocr
ziyitty43 分钟前
MiMoCode 配置 “Unrecognized key: mcpServers“ 问题解决方案
前端·chrome