import React, { Component } from ‘react’;
import { DatePicker } from ‘antd’;
export default class extends Component {
state = {
isopen: false,
time: null
}
handlePanelChange = (value) => {
console.log(">>>>>", value)
this.setState({
time: value,
isopen: false
})
}
handleOpenChange = (status) => {
// console.log(status)
if(status){
this.setState({isopen: true})
} else {
this.setState({isopen: false})
}
}
clearValue = () => {
this.setState({
time: null
})
}
render() {
return (
);
}
}
本文介绍了一个使用React和antd库实现的日期选择器组件。该组件包括打开和关闭面板的功能,面板变化时的处理逻辑,以及清除已选日期值的方法。通过状态管理,组件能响应用户交互并更新显示的日期。

被折叠的 条评论
为什么被折叠?



