const { Navigate } from 'react-big-calendar';
export default function CustomToolbar({ date, view, views, label, onView, onNavigate, localizer }) {
// this only works if `newDate` is a true JS Date
const onPickerChange = (newDate) => onNavigate(Navigate.DATE, newDate);
// ... the rest of your Toolbar display
}
2条答案
按热度按时间mwecs4sa1#
您可以通过提供自定义Toolbar组件来完成此操作。
然后
deyfvvtc2#
如果您不想提供自己的
Toolbar
,您可以为日期选择器添加自己的组件(例如MUI),并使用https://jquense.github.io/react-big-calendar/examples/index.html?path=/docs/props--on-navigate文档中提到的onNavigate
属性