react 获取今日 本周 上月日期
时间: 2024-11-12 14:45:55 浏览: 11
在React中,获取今日、本周和上月的日期通常需要结合JavaScript的Date对象以及一些库,如moment.js或date-fns,来进行日期处理。下面是一个简单的例子:
1. **获取今日日期**:
```jsx
import React from 'react';
import moment from 'moment'; // 使用moment.js
const Today = () => {
const today = moment().format('YYYY-MM-DD');
return <div>Today's date: {today}</div>;
};
// 或者使用原生JS
// const today = new Date();
// const todayString = `${today.getFullYear()}-${(today.getMonth()+1).toString().padStart(2,'0')}-${today.getDate().toString().padStart(2,'0')}`;
```
2. **获取本周日期范围**:
```jsx
const thisWeek = moment().startOf('week').format('YYYY-MM-DD') + ' - ' + moment().endOf('week').format('YYYY-MM-DD');
```
3. **获取上月日期**:
```jsx
const lastMonth = moment().subtract(1, 'month').format('YYYY-MM-DD');
```
记得安装所需的库(如`npm install moment`),并根据实际需求调整格式。
阅读全文