ant design日期控件使用_仅月份

最新推荐文章于 2023-07-26 21:23:51 发布

CarinaYang

最新推荐文章于 2023-07-26 21:23:51 发布

阅读量9.4k

点赞数

分类专栏： ant design 文章标签： react ant design 日期控件

本文链接：https://blog.csdn.net/CarinaYang/article/details/80008928

版权

本文介绍了如何在React应用中使用Ant Design的日期控件，特别是展示为仅显示月份的选择器。通过引入组件库和编写相关函数，可以实现选择月份并获取所选日期值的功能。

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

总体效果：

展开后：

选值后：

代码部分：

1、引入：

import { DatePicker } from 'antd';

2、主体部分：

export default class PersonInfo extends  Component{
    constructor() {
   	super();
	//设置状态，存储日期
    	this.state = {
            workMode: ['month', 'month'],	
            workValue: [], 	
        };
    }
    render(){
        //主体引用
	const {RangePicker} = DatePicker;
	return(
            <RangePicker
                placeholder={['开始日期', '结束日期'