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;
相关推荐
EndingCoder18 小时前
离线应用开发:Service Worker 与缓存
前端·javascript·缓存·性能优化·electron·前端框架
遗憾随她而去.18 小时前
css3的 --自定义属性, 变量
前端·css·css3
haogexiaole20 小时前
vue知识点总结
前端·javascript·vue.js
哆啦A梦15881 天前
[前台小程序] 01 项目初始化
前端·vue.js·uni-app
智码看视界1 天前
老梁聊全栈系列:(阶段一)架构思维与全局观
java·javascript·架构
小周同学@1 天前
谈谈对this的理解
开发语言·前端·javascript
Wiktok1 天前
Pyside6加载本地html文件并实现与Javascript进行通信
前端·javascript·html·pyside6
一只小风华~1 天前
Vue:条件渲染 (Conditional Rendering)
前端·javascript·vue.js·typescript·前端框架
柯南二号1 天前
【大前端】前端生成二维码
前端·二维码
程序员码歌1 天前
明年35岁了,如何破局?说说心里话
android·前端·后端