Javascript 如何减少FullCalendar周视图中的字体重量

Javascript 如何减少FullCalendar周视图中的字体重量,javascript,reactjs,fullcalendar,Javascript,Reactjs,Fullcalendar,在FullCalendar中,我使用的事件名称是粗体的。您可以在下图中看到它 但我希望事件名称是正常的,而不是粗体,但开始-结束时间仍然应该是粗体。有解决办法吗?下面是我的代码 <FullCalendar header={{ left: 'prev,next today myCustomButton', cent

在FullCalendar中,我使用的事件名称是粗体的。您可以在下图中看到它

但我希望事件名称是正常的,而不是粗体,但开始-结束时间仍然应该是粗体。有解决办法吗?下面是我的代码

                   <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代码。