如何在HTML和Javascript中创建一个动态的每周日程表?

16

创建一个基于表格的周日历布局非常简单,每个星期有7列,每天一列,每小时有不同的行数。我没有问题可以创建这样的布局。困难的部分是动态地将每日的“事件”填充到该表中(即使我都不确定如何静态地实现这一点)。

用户将能够访问他们想要添加到他们的周计划的“事件”列表,并且需要动态地将它们添加到网页上。每个事件都有特定的开始和结束时间,并且可能在一周内的多个日期发生。我不确定如何在我的表格布局中添加这些“事件”,而不会出现大量的rowspan问题(很多事件长度不同,跨越不同的小时)。如果每个事件总是持续1个小时,那么这将很容易,但情况并非如此。

我考虑过让每天成为相应的带有隐藏小时列的表格。我仍然觉得这将导致一堆烂摊子。有什么想法吗?


2
我不确定我完全理解这个问题。但是,您是否考虑使用Google日历或其他在线日历产品呢? - webdad3
谷歌日历或其他在线日历都不行。我需要基于“事件”列表为用户创建独特的每周日程安排。他们选择他们想要的“事件”,然后网页需要更新自己以显示该用户的每周日程安排将是什么样子。我还需要处理诸如冲突(重叠事件)之类的问题。 - whoabackoff
1个回答

28

你知道有没有任何替代fullcalendar的选择吗? - whoabackoff
@whoabackoff - 不是很清楚。有Google日历和苹果的移动Me,但除此之外,我不知道还有什么其他的。祝你好运! - Brandon Boone

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接