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

【问题标题】：How to style specific dates in material UI Date picker如何在材质 UI 日期选择器中设置特定日期的样式
【发布时间】：2018-09-17 11:55:11
【问题描述】：

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

【问题讨论】：

库目前不支持这个，除非你愿意修改库的源代码

标签： datepicker material-ui

【解决方案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

【讨论】：