reactjs - react-big-calendar 自定义时隙

Question

我正在寻找一种方法来自定义周和日视图左侧的时隙区域。有没有办法自定义标签？

我的意思是，如果我选择例如 props ：

• 步={15}
• 时隙={2}

标签仅每隔一次出现，而不是在每个插槽上出现。我想用另一种字体样式添加缺少的标签。

我在 API 文档中没有找到任何内容。

标签： reactjsreact-big-calendar

Answer 1

内部TimeGutter仅适用于formats.timeGutterFormat每个插槽组一次，我认为该组件不能被覆盖。不过，您可以将其作为样式更改的目标。

.rbc-time-gutter > .rbc-timeslot-group > .rbc-time-slot > .rbc-label {
 text-align: right;
 font-family: "Times New Roman", Times, serif;
}