【问题标题】:Week view show multiple days instead of hours周视图显示多天而不是几小时
【发布时间】:2020-06-22 09:01:50
【问题描述】:

是否可以创建自定义 resourceTimline 视图,其中显示一周中的多天 - 类似于默认月视图 (resourceTimelineMonth) - 而不是一天中的几个时段?

所以基本上不是这样:

我想要这样的东西:

...但只显示了 5 天。

【问题讨论】:

  • fullcalendar.io/docs/timeline-custom-view-demo(如果你点击右上角的“在 CodePen 中编辑”按钮,它也有源代码)。
  • @ADyson - 这不是我想要的 - 甚至演示中的 10 天视图也显示小时/时段而不是天数。我正在寻找类似月视图但只有 5 天的内容,以便我可以概览这 5 天,而无需滚动浏览它们。
  • 重点是向您说明如何开始对其进行自定义,并且如果您花时间查看,完成任务所需的所有信息都已在文档和演示中可用它详细。我或许也应该添加fullcalendar.io/docs/slotDuration - 它已经出现在演示的源代码中(在“:15 slot”视图中),所以你可以看到它有什么效果,你不好奇吗?请花时间阅读文档并发现所有可用的选项。这样您就不需要在这里等待几天才能得到答案。

标签: html css fullcalendar fullcalendar-scheduler fullcalendar-5


【解决方案1】:

如下自定义视图定义应该可以满足您的需要:

  resourceTimelineFive: {
    type: 'resourceTimeline',
    buttonText: '5 Days',
    slotDuration: { days: 1 },
    duration: { days: 5 }
  },

演示:https://codepen.io/ADyson82/pen/abdwOXO

查看以下文档链接:

https://fullcalendar.io/docs/custom-view-with-settings

https://fullcalendar.io/docs/slotDuration

https://fullcalendar.io/docs/duration

以及https://fullcalendar.io/docs/timeline-custom-view-demo 的演示以了解更多信息。

【讨论】:

  • slotDuration 是我所缺少的 - 感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多