可用性日历jQuery（？）

首先，我非常感谢任何输入。我不是要求你为我做这件事，我只是想知道你的想法，以最好的方式来处理这个项目。请看下面的图片：
可用性日历jQuery（？）

enter image description here

道歉的德国话是，重要的翻译如下：

verfügbar=可用
bereits reserviert =已预留
Uhrzeit =时间slot
aktuelle Woche =本周
和Mo，Di，Mi等都是本周日子的缩短。

我会尽快解释它应该做什么，因为图片没有真正解释一切。这基本上是在“某人”全天可用时显示。数据将被拉为JSON并为每个用户动态显示并列出两周。我们正在进行的一周，以及未来的一周。

无论如何，我会直截了当地就你的意见采取行动。我最初的想法是：Unix时间戳，找到时间差异并将其转换为像素以用作每个div的高度。但是后来让我觉得我无法知道div应该从哪里开始。（也许它开始于10点就像在图片上，我将如何确定）

我想过在画布上做这件事，但是Canvas的经验很少，所以我避免了这种情况。如果你会推荐它，尽管如此。我正在寻找理想的解决方案。

只要知道要学什么对我来说是一个很大的帮助，任何输入都会被感激地接受！

谢谢您的时间，
彼得

编辑：对不起，我忘了提那些事，感谢指出了这一点：

保留时间数据也将被拉到，用户可以自行决定无论这段时间是否有空或无法使用。我不确定在同一天有两个酒吧是多么复杂。例如：06:00至12:00不可用，但可在12:00至18:00之间使用。所以我暂时避免这种情况。

时间间隔为15分钟。对于每15分钟9px应该/可以被添加到高度。

感谢您的回复。

来源

2012-07-09 Peter

怎么办你会发现是否有人可用？ – 2012-07-09 15:08:35

关于您在这里谈论多少“单位”？小时，半小时，分钟..从某个小时+分钟的角度来看，这里使用的可用性是多少？ – Luceos 2012-07-09 15:18:44

感谢您的意见，我更新了我的帖子并提供了更多信息。 – Peter 2012-07-09 15:51:04

你可以做到<table>和聪明的css造型...每个<td>是15分钟和9px高度。第一个和最后一个包含开始/结束时间。我有一些类似的要求和解决它与表和CSS后，我检查了http://www.project-open.org/的演示，他们有时使用表显示日历/里程碑数据。此外，谷歌日历使用表：https://www.google.com/calendar/

来源

2012-07-09 16:01:33 tmaximini

是的，这是另一个想法，我在这里发现了类似的东西：https://www.studirent.com/content/studirent
然而，我不喜欢它看起来多么俗气，我想过要多少标记在网页上......我避开了它。如果没有更好的方法去做，那么是的，我可能最终会这样做。谢谢。 – Peter 2012-07-11 15:26:48

我认为用css3/sass/bourbon，你可以很容易地使它看起来不错，这取决于你的css技能。我不必担心在最终的html上有很多标记，因为它无论如何都会生成。 – tmaximini 2012-07-12 13:36:35

这jQuery的插件可能是值得考虑的 https://github.com/themouette/jquery-week-calendar

看起来像它采用表（S）的组合的div进行布局

来源

2012-08-13 21:35:01 sotto

与日历和表格相关：http://stackoverflow.com/questions/10059400/should-a-calendar-by-代表-使用-A-表为什么 - 确实，谷歌日历，只有美国 – sotto 2012-08-13 21:52:01

可用性日历jQuery（？）

回答

相关问题