在ANTD Calendar组件中,可以使用onPanelChange方法监听面板的变化,在月份发生变化时进行处理。具体地,可以设置一个状态变量selectedMonth来记录当前选择的月份,当面板的月份与selectedMonth不同时,更新selectedMonth并重置选择的日期为该月的第一天。示例代码如下:
import { Calendar } from 'antd'; import moment from 'moment'; import React, { useState } from 'react';
function CustomCalendar() { const [selectedMonth, setSelectedMonth] = useState(moment().month());
function handlePanelChange(value) { const newMonth = value.month(); if (newMonth !== selectedMonth) { setSelectedMonth(newMonth); value.date(1); } }
return (
export default CustomCalendar;
上一篇:Antd日历未显示正确的边框。