时间戳

首页 > 解决方案 > 在完整日历日视图中更改当前日期

javascript - 在完整日历日视图中更改当前日期

问题描述

我想更改视图日期，例如如果我选择 25/12/2019 那么它应该显示 2019 年 12 月 25 日作为标题。我怎样才能做到这一点？ 在此处输入图像描述

仅供参考：我正在使用反应全日历插件

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

标签： javascriptreactjsfullcalendarfullcalendar-4

解决方案

使用标题格式

使用时刻插件

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

推荐阅读