React FullCalendar 默认显示当前日期

React FullCalendar 默认显示当前日期

FullCalendar组件默认显示日期会提前一个月,所以需要手动设置初始化日期,即设置该组件的属性initialDta,如下:
initialDate={date.getFullYear()+“-”+date.getMonth()+“-”+date.getDate()}

let date=new Date()

<FullCalendar
       height={800}
       ref={this.calendarRef}
       eventContent={this.renderEventContent}
       eventColor={'#378006'}
       allDayClassNames={'test'}
       plugins={[dayGridPlugin]}
       //日期点击事件
       dateClick={this.handleDateClick}
       //默认视图
       defaultView="dayGridMonth"
       //汉化
       locales='zh-cn'
       buttonText={{
           today: '今天',
           month: '月',
           week: '周',
           day: '天',
           add: '添加'
       }}
       // eventRender={this.eventRender}
       allDayText='全天'
       //头部工具栏
       headerToolbar={headerToolbar}
       dayCellClassNames={'test'}
       //默认展示当前日期
	   initialDate={date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()}
       //周从周一开始
       firstDay={1}
       //侧栏时间格式化为24小时制
       slotLabelFormat={{
           hour: '2-digit',
           minute: '2-digit',
           hour12: false
       }}
       //是否可选
       selectable={true}
       //是否可编辑
       editable={false}
       events={event}
       eventClick={this.eventClick}
       expandRows={true}
       customButtons={{
           addTask1: {
               text: '添加任务',
               click: this.add1
           },
           addTask2: {
               text: btnTitle,
               click: this.add2
           }
       }}
   />

你可能感兴趣的:(react)