Есть ли способ установить цвет фона для полного столбца для субботы и воскресенья в «React Full Calendar»

Question

Я использую ' календарь полного реагирования ' для моего приложения реагирования. Я хочу изменить цвет фона для полного столбца на в субботу и воскресенье . Как мне этого добиться?

const {withHtml} = this.state;

    return (

        <div className="calendar-wrapper ">

            <BigCalendar
                selectable
                events={events}
                views={""}
                onSelectSlot={event => this.onSelectSlot() }
                defaultDate={new Date()}

            />

                <SweetAlert
                    show={withHtml}
                    btnSize="sm"
                    title={<span>HTML <small>Title</small>!</span>}
                    onConfirm={() => this.onConfirm('withHtml')}>
                    <span>A custom <span style={{color: '#642aff'}}>html</span> message.</span>
                </SweetAlert>


        </div>




    );

Answer 1

Вы можете использовать свойство dayPropGetter для его настройки

Вот как должна выглядеть ваша функция

const customDayPropGetter = (date: Date) => {
  if (date.getDate() === 7 || date.getDate() === 6)
    return {
      className: 'special-day',
      style: {
        border: 'solid 3px ' + (date.getDate() === 7 ? '#faa' : '#afa'),
      },
    };
  else return {};
};

и назначьте функцию следующим образом

 dayPropGetter={customDayPropGetter}

демо

источник