Question

我的React应用程序使用的是“ 反应完整日历”。我想更改星期六和星期日的整列的背景颜色。我该如何实现？

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}

demo

source

有什么方法可以在“ React Full Calendar”

1 个答案: