基于react快速定位日期选择（昨日，今日，本周，本月）

最新推荐文章于 2024-08-09 08:27:31 发布

FE-Dong

最新推荐文章于 2024-08-09 08:27:31 发布

阅读量3.7k

点赞数

分类专栏： react javascript ant

本文链接：https://blog.csdn.net/Dong8508/article/details/84951359

版权

本文介绍了如何在React项目中创建一个日期选择组件，该组件支持选择昨日、今日、本周和本月。通过示例代码展示了组件的使用方法和样式设置。

摘要由CSDN通过智能技术生成

效果图:

组件的使用：

 import FastDate from 'common/MyDatePicker'; //导入组件

<Row type="flex" align="middle">
        <Col ><span>交易时间：</span> </Col>
        <Col span={19}>
            <FastDate ref='myDatePicker' rangePicker ={this.rangePicker}></FastDate>
        </Col>
 </Row>

MyDatePicker.jsx:

import React from 'react';
import { DatePicker,Row,Col } from 'antd';
import styles from './MyDatePicker.scss';
import moment from 'moment';
const { RangePicker } = DatePicker;
export default class MyDatePicker extends React.Component {
    constructor(props, context){