css class 名称在 react-big-calendar 中的含义 [与 Selenium 一起使用]

Question

我在 javascript 中使用带有 react-big-calendar 插件的页面上的 selenium；

因为我正在尝试做几个 select 并选择正确的日期（今天，当前 selected 的日期，当前显示的月份等）我正在尝试找出一些 css-class 的意思：

rbc-now class 我以为是今天，但不是，因为如果我 select 一个约会，这个 class 也已应用到它；
rbc-current class 适用于所有日期，例如今天，例如如果今天是该月的第 18 天，则所有 1 月 2 月 3 月 18 日...应用此 class（对吗？）
rbc-today class 我不知道是什么。

我也尝试按照上面最后一行的建议在 reactiflux discord 中搜索 link 但没有任何线索。

有谁知道那些 class 的确切含义？

Answer 1

好的，我想我已经做到了。我将以月视图为例。

rbc-today: 是 class 用于大 div 对应于 从今天开始最近的第一个约会 : 这个 class 将淡蓝色 赋予了这一天。它被分配给一个已经有 rbc-day-bg class:

div

    <div class="rbc-month-row">
        <div rbc-row-bg>
            <div class="rbc-day-bg"></div>
            <div class="rbc-day-bg"></div>
            [...]
            <div class="rbc-day-bg rbc-today"></div>    <---HERE
        </div>
    </div>

这个 div 块代表一整天。

rbc-now：这个 class 将粗体放在日期月份（例如 28）。指示从今天开始的第一个最近约会的月份。它被分配给已经有 rbc-date-cell class 的 div 并且它们在 rbc-row-content 下的第一个 rbc-row class:

<div class="rbc-month-row"> <div rbc-row-bg> <div class="rbc-day-bg"></div> <div class="rbc-day-bg"></div> [...] <div class="rbc-day-bg rbc-today"></div> </div> <div class="rbc-row-content"> <div class="rbc-row "> <div class="rbc-date-cell"> <a href="#">26</a> </div> <div class="rbc-date-cell"> <a href="#">27</a> </div> <div class="rbc-date-cell rbc-now"> <---HERE <a href="#">28</a> </div> </div> </div> </div>

rbc-current：无样式，与rbc-now完全相同，但分配给当天的每个数字等于约会月份的日期的月份，从那天开始：例如如果您将约会安排在 2021 年 3 月 28 日，rbc-current 将应用于 4 月 28 日、5 月 28 日、6 月 28 日等，但也适用于 2022 年 1 月 28 日、2022 年 2 月 28 日等。

<div class="rbc-month-row"> <div rbc-row-bg> <div class="rbc-day-bg"></div> <div class="rbc-day-bg"></div> [...] <div class="rbc-day-bg rbc-today"></div> </div> <div class="rbc-row-content"> <div class="rbc-row "> <div class="rbc-date-cell"> <a href="#">26</a> </div> <div class="rbc-date-cell"> <a href="#">27</a> </div> <div class="rbc-date-cell rbc-now rbc-current"> <---HERE <a href="#">28</a> </div> </div> </div> </div>

希望这对以后的参考有用。

css class 名称在 react-big-calendar 中的含义 [与 Selenium 一起使用]

css class names meaning in react-big-calendar [using it with Selenium]

javascript

selenium

react-big-calendar