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

Question

我在具有 react-big-calendar 的页面上的 javascript 中使用 selenium插入;
因为我正在尝试进行多次选择并选择正确的日期(今天，当前选择的日期，当前显示的月份等)我试图找出一些 css-classes 的含义:

rbc-now我以为是当天的类(class)，但事实并非如此，因为如果我选择约会，该类(class)也已应用于它；

rbc-current类适用于像今天这样的所有天数，例如如果今天是这个月的第 18 天，那么所有的 1 月 18 日、2 月、3 月、...都申请了这个类(class)(对吗？)

rbc-today我无法弄清楚是什么的类(class)。

我也尝试在 reactiflux discord 中进行搜索，如上述链接最后一行所建议的那样，但没有任何线索。
有谁知道这些类(class)的确切含义是什么？

Answer 1

好吧，我想我已经做到了。我将以月 View 为例。

rbc-today : 是用于大 div 的类对应于 从今天开始的第一个最近的约会 : 这个类给出了 淡蓝色到那天。它被分配给 div已经有 rbc-day-bg类(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>    <---HERE
        </div>
    </div>

这个 div 块代表一整天。

rbc-now :这门课把粗体放在今天月数 (例如 28)。表示从今天开始的第一个最近约会的月份数 .它被分配给已经有 rbc-date-cell 的 div。类(class)，他们在第一个 rbc-row下类rbc-row-content :

    <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>

希望这对将来的引用有用。