Javascript 有没有办法在';中为周六和周日的完整栏目设置背景色;反应全日历';
我正在为我的react应用程序使用“react full calendar”。我想更改周六和周日的完整列的背景色。我怎样才能做到这一点 const{withHtml}=this.stateJavascript 有没有办法在';中为周六和周日的完整栏目设置背景色;反应全日历';,javascript,reactjs,fullcalendar,Javascript,Reactjs,Fullcalendar,我正在为我的react应用程序使用“react full calendar”。我想更改周六和周日的完整列的背景色。我怎样才能做到这一点 const{withHtml}=this.state return ( <div className="calendar-wrapper "> <BigCalendar selectable events={events}
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>
);
返回(
this.onSelectSlot()}
defaultDate={new Date()}
/>
this.onConfirm('withHtml')}>
自定义html消息。
);
您可以使用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}
请向我们展示您迄今为止所做的尝试,我们将从中为您提供帮助。谢谢。找到答案。有人知道如何更改单元格内的文本颜色(日期编号)吗?