如何在材质UI日期选择器中设置特定日期的样式

Question

我正在使用素材UI日期选择器。我想在公共假期等日历年中设定特定日期。如何设置日历年中的日期样式？ 让我们假设，我有日期列表和样式细节。

Answer 1

@ material-ui / pickers发布了一个更新，其中DatePicker采用了“ renderDay”道具，该道具用于在日历视图中每天渲染。

例如，根据您的情况：

import { KeyboardDatePicker } from '@material-ui/pickers';

...

<KeyboardDatePicker
    renderDay={(day, selectedDate, dayInCurrentMonth, dayComponent) => {
        if (isHoliday) {
           return 'Special component';
        } else {
           return dayComponent;
        }
    }}
    ...rest of props
/>

来源：https://material-ui-pickers.dev/api/KeyboardDatePicker