Javascript 如何减少FullCalendar周视图中的字体重量
在FullCalendar中,我使用的事件名称是粗体的。您可以在下图中看到它 但我希望事件名称是正常的,而不是粗体,但开始-结束时间仍然应该是粗体。有解决办法吗?下面是我的代码Javascript 如何减少FullCalendar周视图中的字体重量,javascript,reactjs,fullcalendar,Javascript,Reactjs,Fullcalendar,在FullCalendar中,我使用的事件名称是粗体的。您可以在下图中看到它 但我希望事件名称是正常的,而不是粗体,但开始-结束时间仍然应该是粗体。有解决办法吗?下面是我的代码 <FullCalendar header={{ left: 'prev,next today myCustomButton', cent
<FullCalendar
header={{
left: 'prev,next today myCustomButton',
center: 'title',
right: 'month,listWeek'
}}
views={{
listWeek: { buttonText: 'Week' },
month: { buttonText: 'Month' }
}}
timeFormat= 'H:mm'
plugins={['interaction']}
selectable={true}
fixedWeekCount={false}
defaultView={this.state.calendarView}
navLinks={true} // can click day/week names to navigate views
navLinkDayClick={this.dayClick}
editable={false}
eventLimit={2} // allow "more" link when too many events
eventClick={this.calendarClick}
events={aclCheck("EventView") && this.props.events && this.props.events.rows ? this.state.events : []}
viewRender={(view, element) => {
if (view.type !== this.state.calendarView)
this.setState({ calendarView: view.type })
}}
showNonCurrentDates={false}
dateClick={(info) => {
alert('clicked ' + info);
}}
select={(info, info1) => {
this.selectedDate = {start: info, end: info1}
}}
unselectCancel="button"
unselect={() => this.props.selectCalendarDates(undefined)}
/>
{
if(view.type!==this.state.calendarView)
this.setState({calendarView:view.type})
}}
showNonCurrentDates={false}
日期点击={(信息)=>{
警报('点击'+信息);
}}
选择={(信息,信息1)=>{
this.selectedDate={start:info,end:info1}
}}
取消选择取消=“按钮”
取消选择={()=>this.props.selectCalendarDates(未定义)}
/>
我想您可能会使用.fc title类来更新活动标题的样式。那么,它对您有用吗?你能展示一下你试过的代码吗?@KhurramIshaque。谢谢你的回复。我这样尝试过函数是customEventRender=info=>{info.el.className=“自定义事件容器fc日网格事件fc-h-event fc事件fc开始fc结束”info.el.children[0]。className=“自定义事件容器fc标题”return info.el};}但它会更新全部而不是单独的事件标题。请检查:列表视图中的事件通常不以粗体显示(请参阅上的演示)。因为您的日历中似乎有一个自定义主题(或者至少有一些自定义CSS),所以您可能需要更改该主题或CSS代码。