我在哪里可以找到Javascript/jQuery中的时间范围小部件？

Question

我正在寻找Javascript/CSS/jQuery中的某种TimeRange小部件.我不是在寻找可以广泛使用的时间/日期选择器.

我需要一个网站,允许企业通过点击并将鼠标悬停在他们打开的时间来选择他们的开放时间.

+-----------------------------+
| 0h 0h15m 0h30m    ... 23:45 |
+-----------------------------+

有人见过这么好看的可定制时间范围选择器小部件吗？

干杯

Answer 1

我会寻找一个滑块小部件..然后将您需要的时间设置为间隔。

jQuery UI 有一个： jQuery UI Slider。

更新：基于下面关于（单滑块与双滑块）的评论...

1.)这里已经有一篇关于使用 jQuery UI 滑块制作 2 个手柄滑块的帖子（刚刚找到）。

或者，如果您有 2 个滑块……一个用于开放时间，一个用于关闭时间……每个滑块都分为 15 分钟的片段，但每个片段只有半天，这行得通吗？

例如（忽略丑陋的 ASCII 图形）

 Open Time (AM): 12   1    2    3    4    5    6    7    8 |  9    10   11   12
                                                           ^ 8:15am

Close Time (PM): 12   1    2    3    4    5    6  |  7    8    9    10   11   12
                                                  ^6:30pm

此外，如果这是针对“典型”企业……您可能可以从晚上 11 点 <-> 凌晨 5 点开始使用滑块。

或者，

我不是 scriptaculous 的忠实粉丝，但他们似乎有一个双滑块：