Ant design React 的年时间控件无法选中获取值解决方法
通过两个openChange 和 panelChange 两个函数解决,并定义open状态
<div>月报</div>
<div>
<DatePicker
mode="month"
value={startOfMonth}
allowClear={false}
showToday={false}
className={css.timeData}
defaultValue={startOfMonth}
format="YYYY-MM"
open={monthOpen}
onPanelChange={handleMonthlyChange}
onOpenChange={handleOpenChangeMonth}
/>
</div>
// 处理月报日期选择
const handleMonthlyChange = (d: moment.Moment | null) => {
setStartOfMoth(d ? d.startOf('month') : null);
if (d) {
const timestamp = d.startOf('month').valueOf();
getReport(2, timestamp);
}
setMonthOpen(false);
};
const handleOpenChangeMonth = _monthOpen => {
setMonthOpen(_monthOpen);
};