저는 Javascript/CSS/jQuery에서 일종의 TimeRange 위젯을 찾고 있습니다. 나는 시간/날짜 선택 도구를 찾고 있지 않다.Javascript/jQuery에서 시간 범위 위젯을 어디에서 찾을 수 있습니까?
웹 사이트가 열려있는 시간대를 클릭하고 가리 키도록하여 영업 시간대를 선택할 수 있어야합니다.
+-----------------------------+
| 0h 0h15m 0h30m ... 23:45 |
+-----------------------------+
아무도 멋진 맞춤형 timerange 선택기 위젯을 보지 못하셨습니까?
건배
내가 슬라이더 위젯을 찾아 줄은 ... 다음 간격으로 필요로하는 시간을 설정합니다.
jQuery UI에는 jQuery UI Slider이 있습니다.
업데이트
: 약 (단일 대 이중 슬라이더) 아래의 의견에 따라 ...1)는 2 handled slider using the jQuery UI slider here를 만드는 방법에 대한 단지 발견 이미 게시물을() Theres는.
또는 두 개의 슬라이더가있는 경우 ... 개봉 시간과 종료 시간 ... 각각 15 분의 세그먼트로 나뉘지만 각 날의 반일 동안 만 작동하는 경우이 작업이 가능합니까?
슬라이더에서> 오전 5시 -이 "전형적인"기업을위한 경우 ... 당신은 가능성이 오후 11시 <부터 잘라 수
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
또한 (아스키 그래픽 uglyness을 무시).
또는
내가 script.aculo.us의 큰 팬이 아니에요,하지만 그들은 double slider 것 같다 :
Google 캘린더가 좋은 일을 (를 클릭 세부 형성하는 이벤트에 링크 "참석자 및 리소스 확인"할 때 당신이 그것을 볼 수 있습니다)가 있습니다. 그러나 복제가 어려울 것이라고 상상할 수 있습니다.
Google Calendar Time Ranage http://stuff.rajchel.pl/stackoverflow/GoogleCalendarTimeRange.jpg
감사합니다. 스크린 샷을 보내 주셔서 감사합니다. 그게 제가 원하는 것입니다. 좀 더 콤팩트 한 형태 로요. 나는 그것이 이미 존재하지 않는다는 것을 상상할 수 없다. pluggable jQuery 위젯으로 사용할 수 있습니다. – javacoder
http://trentrichardson.com/examples/timepicker/
갈은 "시간 만 선택기 날짜 선택없이"와 그것이 필요한 것인지 확인하십시오.
http://ghusse.github.io/jQRangeSlider/index.html
데모는 여기 jQRangeSlider 여기 Technical demo
jQRangeSlider은 이중 라이선스 GPL과 MIT에서 오픈 소스 게시됩니다. 오픈 소스 및 상용 소프트웨어에서 사용할 수 있습니다.
나는 그것에 대해서도 생각했다. 그러나 처음부터 얼마나 많은 지역이 있는지 알지 못하기 때문에 그렇게되지는 않을 것이다. 예 : 사업은 오전 8 시부 터 오전 10 시까 지, 12 시부 터 14 시까 지, 18 시부 터 20 시까 지 개장 할 수 있습니다. 또한, 설명서에서 알 수 있듯이 슬라이더 당 최대 범위가 하나 있습니다. 다음은 틱이있는 예제입니다. http://jsbin.com/iwime – javacoder
감사합니다 scunliffe, 위젯이 나타날 때까지 유연하지 않은 해결책을 사용하고 있습니다! – javacoder