【问题标题】:react-big-calendar customise time slotsreact-big-calendar 自定义时隙
【发布时间】:2021-01-11 18:43:13
【问题描述】:

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

我的意思是,如果我选择例如道具:

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

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

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

【问题讨论】:

    标签: reactjs react-big-calendar


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

    【讨论】:

    • 感谢@Steve -Cutter- Blades
    猜你喜欢
    • 1970-01-01
    • 2017-07-14
    • 2019-08-19
    • 2020-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多