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;
相关推荐
feng68_2 小时前
Web第一次作业
前端
图扑软件6 小时前
可视化重塑汽车展示平台新体验
前端·javascript·人工智能·数字孪生·可视化·智慧交通·智慧出行
Xudde.7 小时前
HTML中最基本的东西
前端·css·笔记·html
NoneCoder8 小时前
JavaScript系列(26)--安全编程实践详解
开发语言·javascript·安全
杨荧8 小时前
【开源免费】基于Vue和SpringBoot的林业产品推荐系统(附论文)
前端·javascript·vue.js·spring boot·开源
宏夏c9 小时前
【Vue】let、const、var的区别、适用场景
开发语言·javascript·ecmascript
光影少年9 小时前
前端进程和线程及介绍
前端·javascript
涔溪9 小时前
JS二叉树是什么?二叉树的特性
java·javascript·数据结构
贩卖纯净水.9 小时前
JS后盾人--再一次的走进JS?
开发语言·javascript·ecmascript