React Fullcalendar.io 上的默认视图中仅显示周视图

Question

我正在使用 Fullcalendar.io 和 React，并且我只想显示周视图（不是自定义的特殊视图，只是默认的周视图）。有没有办法在不创建自定义视图的情况下做到这一点？

Answer 1

我看到 Fullcalendar 允许一个“headerToolbar”字段，其中可以设置“timeGridWeek”，以便它是唯一可用的视图。与这里的其他答案融合得出：

<FullCalendar
  initialView={timeGridWeek}
  headerToolbar={
    center: "timeGridWeek",
  }
  plugins={[timeGridPlugin]}
/>

Answer 2

首先，没有提供足够的数据，您应该包括您已经尝试过的工作。

我搜索并找到了一个代码，但您需要来自 fullcalendar/timegrid 库的 timeGridPlugin 并检查下面的代码我是反应开发的新手，所以， 检查是否可以在任何地方修改代码

代码：

import { Calendar } from '@fullcalendar/core';
import timeGridPlugin from '@fullcalendar/timegrid';

const MyCalendar = () => (
  <div>
    <FullCalendar
      plugins={[timeGridPlugin]}
      views={["timeGridWeek"]} // this line adjusts calendar to only week View 
    />
  </div>
);

Answer 3

如果您根本不使用任何其他视图，您可以将视图保留在标题之外，而是设置初始视图：

<FullCalendar 
initialView='timeGridDay'    
plugins={[timeGridPlugin]}         
headerToolbar={{
          left: 'prev',
          center: 'today',
          right: 'next',
        }} 
(...your other settings) 
/>