在使用antd3.x的时候,需要用到只选择年份的选择器,会遇到的很多问题,点击可以查看这个文档,可能会对你有所帮助。
下面的代码的实现部分
import React, { Component } from 'react';
import { DatePicker } from 'antd';
export default class extends Component {
state = {
isopen: false,
time: null
}
// 弹出日历和关闭日历的回调
handleOpenChange = (status) => {
// console.log(status);
if (status) {
this.setState({ isopen: true });
} else {
this.setState({ isopen: false });
}
};
// 拿到value并进行处理
handlePanelChange = (value) => {
// console.log(".....", value);
// 拿到年份
this.setState({
isopen: false,
time: value,
});
};
render() {
const { isopen, time } = this.state
return (
<div>
<DatePicker
value={time}
open={isopen}
mode="year"
placeholder=placeholder={new Date(moment("2020")).getFullYear()}
format="YYYY"
onOpenChange={this.handleOpenChange}
onPanelChange={this.handlePanelChange}
/>
</div>
);
}
}