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
           }
       }}
   />
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值