【问题标题】:Highlighting days in a Material UI StaticDateRangePicker在 Material UI StaticDateRangePicker 中突出显示日期
【发布时间】:2020-12-30 15:42:26
【问题描述】:

我有一个 Material UI v4.0.0-alpha.12 StaticDateRangePicker:

我想将所有星期日的颜色更改为红色。我发现这个answer 使用renderDay 道具。颜色的变化工作正常,但现在范围内日期的蓝色突出显示已损坏:

是我遗漏了什么还是这是一个错误?

Sample on CodeSandBox。 (在我的实际代码中出现了另一个错误:星期日的红色突出显示仅在对源代码进行更改后才有效。)

编辑:实际上不仅星期天应该是红色的,星期六和(德国)公共假期也应该是红色的。

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

    我忘记了 renderDay 并仅使用 CSS 来让它工作:

    .MuiPickersCalendar-week
      .MuiPickersDateRangeDay-root:nth-child(1)
      .MuiPickersDay-dayLabel {
      color: red;
    }
    

    【讨论】:

    • 好的,那么我确实在问题中简化了我的问题。实际上不仅星期天应该是红色的,星期六和(德国)公共假期也应该是红色的。那你的 CSS 解决方案就不行了?
    猜你喜欢
    • 1970-01-01
    • 2020-08-13
    • 1970-01-01
    • 2014-04-08
    • 2012-04-27
    • 2013-01-17
    • 2021-02-11
    • 2020-06-08
    • 2016-09-30
    相关资源
    最近更新 更多