2009-07-15 17 views
5

我正在寻找某种类型的JavaScript/CSS/jQuery中的TimeRange小部件。我不在寻找时间/日期选择器,这是广泛可用的。我在哪里可以找到Javascript/jQuery中的时间范围小部件?

我需要它的网站,让企业选择他们的开业时间,通过点击并悬停在他们打开的小时。

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

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

干杯

回答

1

我会寻找一个滑块控件..然后设置所需的间隔时间。

jQuery UI有一个:jQuery UI Slider

更新:基于以下约(单发双滑块)评论...

1)有专门关于制作2 handled slider using the jQuery UI slider here已经是后(刚发现)。

或者如果你有两个滑块......一个用于开放时间和一个用于关闭...每个都被分解成15分钟的片段,但每个片段只有半天,这个工作吗?

例如(忽略ASCII图形uglyness)

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点<砍 - >从上午05时滑块。

或者,

我不是Scriptaculous的一个大风扇,但他们似乎有一个double slider

+0

我也考虑过这个问题,但那不会起作用,因为我们不知道从一开始就有多少个地区。例如。企业可能从上午8点到10点,上午12点到14点和上午18点到20点开放。而且,正如我从文档中了解到的,每个滑块似乎最多只有一个范围。 这是一个我用ticks找到的例子:http://jsbin.com/iwime – javacoder 2009-07-15 15:07:53

相关问题