2011-05-17 100 views
14

为每周日历创建基于表格的布局非常简单,每周的每天有7列,每周的每个小时有不同的行。我没有创造这个问题。最困难的部分是动态填充每日“事件”表(我甚至不知道如何静态执行此操作)。如何在HTML和Javascript中创建动态的每周计划?

用户将有权访问他们希望添加到他们的每周计划中的'事件'列表。他们需要动态添加到网页。每个事件都有一个特定的开始和结束时间,并且可能在一周中的一天以上发生。我不知道如何将这些'事件'添加到我的表格布局中,而不会遇到一堆行跨度问题(很多事件是不同的长度并跨越不同的小时)。如果每个事件总是1小时,那很容易,但事实并非如此。

我正在考虑让每一天都有一个隐藏的小时栏。我仍然觉得这会导致巨大的混乱。有任何想法吗?

+2

我不确定我完全看到这个问题。但是,您是否想过使用Google日历或其他在线日历产品? – webdad3 2011-05-17 18:15:23

+0

谷歌日历或其他在线日历是不可能的。我需要根据“事件”列表为用户创建一个独特的每周时间表。他们选择他们想要的“事件”,然后网页需要自行更新以显示该用户的每周时间表如何。我还需要处理诸如冲突(重叠事件)之类的事情。 – whoabackoff 2011-05-17 18:18:35

回答

22

为什么要重新发明轮子?

我认为这涵盖了您的所有担忧。

http://arshaw.com/fullcalendar/

+0

这看起来很有希望! – whoabackoff 2011-05-17 18:50:59

+0

出于好奇,你知道任何fullcalendar的替代品吗? – whoabackoff 2011-05-24 19:35:16

+0

@whoabackoff - 没有不是真的。有Google Cal和Apple的Mobile Me,但除此之外,我还没有意识到其他任何事情。祝你好运! – 2011-05-25 02:04:16