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

前端之家收集整理的这篇文章主要介绍了我在哪里可以找到Javascript / jQuery中的时间范围小部件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

干杯

最佳答案
我会寻找一个滑块小部件..然后设置你需要的时间作为间隔.

jQuery UI有一个:jQuery UI Slider.

更新:基于以下评论(单一与双滑块)…

1.)已经(刚刚发现)关于制作2 handled slider using the jQuery UI slider here的帖子.

或者如果你有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,但他们似乎有一个double slider

猜你在找的jQuery相关文章