React中使用ToastUI Calendar：禁用指定头部选项失效求助

你遇到的问题是因为误用了taskView和scheduleView这两个props——它们的作用并不是控制头部的Milestone、Task、All Day筛选选项，具体原因和解决方法如下：

问题根源 #

• taskView={false}：这个属性是用来关闭独立的任务视图页面（比如点击后专门展示所有任务的视图），和头部的筛选按钮无关。
• scheduleView={["time"]}：这个属性控制的是日程在日/周视图中的显示形式（只显示时间轴上的日程，不展示全天日程），但不会隐藏头部的All Day筛选选项。

正确解决方法 #

要隐藏头部的Milestone、Task、All Day这些筛选选项，有两种常用方式：

方式1：移除对应类型的日程分类

头部的筛选选项是根据你配置的calendars数组自动生成的，只要不定义Milestone、Task类型的日程，这些选项就会自动消失。示例代码：

<TUICalendar
  calendars={[
    {
      id: "1",
      name: "我的日程",
      color: "#03bd9e",
      bgColor: "#e5f8f5"
    }
    // 不要添加Milestone、Task类型的日历配置
  ]}
  // 其他必要props...
/>

方式2：完全隐藏筛选栏

如果你只是不想显示筛选栏，但仍需要保留对应类型的日程，可以直接设置showScheduleFilter={false}：

<TUICalendar
  showScheduleFilter={false}
  // 其他必要props...
/>

如果需要隐藏All Day的日程显示（不仅是筛选按钮），再配合scheduleView={["time"]}即可实现只展示时间轴上的日程。

内容的提问来源于stack exchange，提问作者alex