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

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

我需要一个网站,允许企业通过点击并在他们打开的时间内盘旋来选择他们的开放时间。

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

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

干杯

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

jQuery UI有一个: jQuery UI Slider 。

更新:根据下面的评论(单一与双滑块)…

1.)已经(刚刚找到)关于使用jQuery UI滑块制作2个处理滑块的post。

或者,如果你有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,但他们似乎有一个双滑块 :

Google日历非常好(当您点击活动详情表单上的“检查访客和资源可用性”链接时,您可以看到它)。 但我可以想象它很难克隆。

Google Calendar Time Ranage http://stuff.rajchel.pl/stackoverflow/GoogleCalendarTimeRange.jpg

http://trentrichardson.com/examples/timepicker/

转到“仅显示没有日期选择器的时间选择器”并检查是否是您需要的。

http://ghusse.github.io/jQRangeSlider/index.html

在这里演示jQRangeSlider和这里的技术演示

jQRangeSlider是在双重许可GPL和MIT下发布的开源软件。 您可以在开源和商业软件中使用它。

 Prerequisites: jQuery jQuery UI Core jQuery UI Widget jQuery mousewheel plugin (optional)