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
}
}}
/>