如何解决Vue中FullCalendar的listWeek列表视图不显示事件时间问题

问题根因 #

你代码中calendarOptions配置里的displayEventTime参数被设置为false，该参数的作用是全局控制所有视图下是否展示事件的具体时间，这就是列表视图不显示时间的直接原因。

解决方法 #

直接将该参数的值修改为true即可正常显示事件时间：

calendarOptions: {
  // 其余原有配置保持不变
  displayEventTime: true, // 将原有的false改为true
  // 其余原有配置保持不变
}

如果你需要不同视图差异化配置，比如仅让列表视图显示时间，其余视图隐藏时间，可以单独设置视图专属参数：

calendarOptions: {
  // 全局配置可保留隐藏时间的设置
  displayEventTime: false,
  // 新增views配置项单独指定列表视图的规则
  views: {
    listWeek: {
      displayEventTime: true
    }
  },
  // 其余原有配置保持不变
}

内容的提问来源于stack exchange，提问作者Akash Kr Barnwal