javascript - 更改 react 大日历中的行样式

标签 javascript css reactjs calendar react-big-calendar

我需要制作一个包含事件的日历,我决定使用react-big-calendar。但我需要制作不同风格的行。所以每一行应该在 30 分钟内,我用时间段完成了它,但我还需要删除默认边框并在每四行周围创建新边框。我怎样才能改变风格?

r

最佳答案

我找不到有关 npmjs.org 的任何信息site...并且由于 div 是动态创建的,我们可以使用 CSS 来获得此效果;

相关CSS:

.rbc-timeslot-group:nth-child(1), .rbc-timeslot-group:nth-child(2), .rbc-timeslot-group:nth-child(3), .rbc-timeslot-group:nth-child(23), .rbc-timeslot-group:nth-child(24)
{ background-color: lightpink; }

样本working stackblitz here

关于javascript - 更改 react 大日历中的行样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60141161/

相关文章:

javascript - <script> 标签中的内容到 ReactJS 组件

javascript - Highcharts : Tooltips exist but line is not drawn in the chart

javascript - 我有一张表,如何根据选项选择下拉菜单从中调用?

c# - 如何在用户控件的 CSS 中更改图像

javascript - 在 React Native View 上强制 onLayout

android - 在 this.state.message 中显示接收者消息

javascript - 这个棘手的 js 作业是如何工作的?

javascript - 如何使用 JavaScript 选择前节点/ block 中的文本?

javascript - 如何在Threejs中从平面发出光?

javascript - 如何将每个 td 元素的高度设置为其宽度?