Имена классов css, означающие в react-big-calendar [используя его с Selenium]

Я использую селен в javascript на странице с react-big-calendar плагин;

так как я пытаюсь сделать несколько выборок и выбрать правильный день (сегодня, текущий выбранный день, отображение текущего месяца и т. д.), я пытаюсь выяснить, что означают некоторые css-классы:

  • класс rbc-now я думал, что это текущий день, но это не так, так как, если я выберу встречу, этот класс тоже будет применен к нему;
  • класс rbc-current применяется ко ВСЕМ числам дня, таким как сегодня, например. если сегодня 18-й день месяца, все 18-е января, февраля, марта,... применяется этот класс (правильно ли?)
  • класс rbc-today, который я не мог понять, что это такое.

Я также пытался искать в Reactiflux Discord, как это было предложено в последней строке приведенной выше ссылки, но без понятия.

Кто-нибудь знает, что именно указывает на эти классы?


javascript react-big-calendar selenium
person Don Diego    schedule 18.02.2021    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Хорошо, я думаю, что у меня это получилось. Я возьму в качестве примера месячный просмотр.

  • rbc-today: это класс, используемый для большого div, который соответствует первой ближайшей встрече, происходящей с сегодняшнего дня: этот класс придает дню бледно-голубой цвет. Он назначается div, у которого уже есть rbc-day-bg класс:
    <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). Указывает номер месяца первой ближайшей встречи, наступающей с сегодняшнего дня. Он назначается элементам div, у которых уже есть класс rbc-date-cell, и они находятся в первом классе 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, но присваивается каждому числу дня месяца, равному дню месяца назначения , с этого дня и далее: напр. если вы назначите встречу на 28 марта 2021 года, rbc-current будет применяться к 28 апреля, 28 мая, 28 июня и т. д., а также к 28 января 2022 г., 28 февраля 2022 г. и т. д.
<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>

Надеюсь, это будет полезно для дальнейшего использования.

person Don Diego    schedule 26.02.2021