在完整的日历日视图中更改当前日

时间:2019-09-30 06:11:19

标签: javascript reactjs fullcalendar fullcalendar-4

我想更改视图日期,例如,如果我选择25/12/2019,那么它将显示2019年12月25日为标题。我怎样才能做到这一点? enter image description here

仅供参考:我正在使用react全日历插件

<FullCalendar
  defaultView="timeGridDay"
  header={{
    left: "prev,next today",
    center: "title"
  }}
  plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
  weekends={this.state.calendarWeekends}
  events={this.state.calendarEvents}
  dateClick={this.handleDateClick}
/>

1 个答案:

答案 0 :(得分:0)

使用titleFormat

使用时刻插件

import momentPlugin from '@fullcalendar/moment';

<FullCalendar
  defaultView="timeGridDay"
  header={{
    left: "prev,next today",
    center: "title"
  }}
  plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
  weekends={this.state.calendarWeekends}
  events={this.state.calendarEvents}
  dateClick={this.handleDateClick}
  titleFormat='MMMM D, YYYY'
/>