仅星期六的反应日历亮点

Question

我在我的反应应用程序中使用反应日历组件。我的日历的 startWeekDay 是星期日，只有星期六必须是周末。因此，如果我使用 calendarType={'US'} 一周从星期日开始，但它突出显示星期日和星期六。我只需要突出显示星期六并从星期日删除突出显示。我在 react-calendar 中找不到任何解决方案。有什么办法可以做到这一点？

我尝试保留图书馆提供的不同日历类型，但没有仅突出显示星期六的日历类型。 我试着设计风格

我试着为这门课设计颜色风格，它在周末提供风格，但这同样为周六和周日提供风格。

.react-calendar__month-view__days__day--周末{ 颜色：#24272E }

Answer 1

好的， 正如我在 calendar sources 中看到的那样，没有使用默认设置设置样式的选项。 您可以执行以下操作：

1. 通过更新

   dates.ts

   文件中的isWeekend功能，分叉日历并以自己的方式突出显示它。
2. 使用 CSS 覆盖默认样式。 所以在美国日历周末可以有以下选项：

• 周六或周日
• 来自当前月份或相邻月份（应该是灰色的）。

我决定从当月开始的所有周末都涂上黑色。在那之后，我在工作日之后选择了当月的所有周末，并用周末颜色给它们上色。 您可以将下面的 CSS 添加到您的应用程序，这应该可以解决您的问题

.react-calendar__month-view__days__day--weekend:not(
    .react-calendar__month-view__days__day--neighboringMonth
  ) {
  color: black !important;
}

.react-calendar__month-view__days__day:not(.react-calendar__month-view__days__day--weekend)
  + .react-calendar__month-view__days__day--weekend:not(
    .react-calendar__month-view__days__day--neighboringMonth
  ) {
  color: #d10000 !important;
}

所以带有 CSS 的日历看起来像这样：