좋은 자바 스크립트 시간 선택기는 무엇입니까?

좋은 자바 스크립트 시간 선택기는 무엇입니까? [닫은]

---

jquery 또는 독립형 js에 적합한 시간 선택기는 무엇입니까? 15 분 간격으로 일반적인 시간이 드롭 다운되거나 시간을 수동으로 입력하고 유효성을 검사하는 캘린더에서 Google과 같은 것을 사용하고 싶습니다.

---

몇 가지 리소스 :

• TimeDatePicker (jQuery 플러그인)
• jQuery.timepickr
• jQuery.ptTimeSelect
• 시간 선택기
• 멋진 시간 선택기
• NoGray 시간 선택기

---

이것은 http://trentrichardson.com/examples/timepicker/ 까지 내가 찾은 최고입니다.

---

다음은 Twitter Bootstrap과 함께 작동하는 것입니다.

http://jdewit.github.com/bootstrap-timepicker/

---

제안 된 시간 선택 도구가 마음에 들지 않았기 때문에 Perifer와 HTML5 사양에서 영감을 받아 직접 만들었습니다.

http://github.com/gregersrygg/jquery.timeInput

당신이 중 하나를 사용할 수있는 새로운 HTML5 속성 시간을 입력한다 (단계, 최소, 최대)를 들어, 또는 옵션의 객체를 사용 :

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

다음과 같이 입력을 확인합니다.

• 누락 된 경우 ":"삽입
• 유효한 시간이 아니십니까? 공백으로 교체
• 단계에 따라 유효한 시간이 아닙니까? 가장 가까운 단계로 올림 / 내림

HTML5 사양은 am / pm 또는 현지화 된 시간 구문을 허용하지 않으므로 hh : mm 형식 만 허용합니다. 사양에 따라 초가 허용되지만 아직 구현하지 않았습니다.

매우 "알파"이므로 버그가있을 수 있습니다. 나에게 패치 / 풀 요청을 보내 주시기 바랍니다. IE 6 & 8, FF, Chrome 및 Opera에서 수동으로 테스트했습니다 (후자의 경우 Linux에서 최신 안정).

---

jQuery 작성자 John Resig의 게시물은 http://ejohn.org/blog/picking-time/ 에서 읽을 수 있습니다 .

---

나는 ClockPick을 사용 하고 있습니다.

---

CSS Gallery 에는 다양한 시간 선택기가 있습니다. 보세요.

Perifer Design의 시간 선택 도구 는 Google One과 유사합니다.

---

누군가 다른 JavaScript TimPicker에 관심이있는 경우 작업을 수행하는 jQuery 플러그인을 개발하고 유지 관리합니다. EZ Time JS와 같은 방식으로 작동합니다 (5 분 전까지는 몰랐지만 : D). 사용자가 편안하게 느끼는 거의 모든 방식으로 시간을 입력하고 입력을 공통 형식으로 변환 할 수 있습니다.

체크 아웃 jQuery를 TimePicker 옵션 페이지를 행동에서 볼 수 있습니다.

---

미안합니다 .. 조금 늦었 나봐요 .. 노 그레이를 사용 하고 있습니다 .. 멋지네요 ..

---

내가 사용하고 JQuery와 UI를 timepicker를

---

NoGray는 멋진 눈 사탕이지만 몇 가지 사용성 고려 사항이 있습니다. 첫째, 아날로그 시계는 점점 더 모호 해지고 있으며 젊은 사람들은 때때로 시계를 읽는 데 어려움을 겪습니다. 둘째, 슬라이더를 사용하는 시간 선택기와 마찬가지로 마우스로 특정 시간으로 드래그하는 것은 약간 지루합니다. 셋째,이 선택기에 대한 키보드 상호 작용은 약간 산발적입니다.

더 유용한 시간 선택 도구는 Any + Time ™ Datepicker / Timepicker AJAX 캘린더 위젯을 확인하십시오 . 간단한 버튼을 사용하여 특정 시간을 빠르고 쉽게 선택하기 때문에 사용 가능한 가장 빠르고 사용하기 쉬운 시간 선택 도구 일 것입니다.

An interesting test of usability is this: pick an odd time (say, 10:32pm), then see how long it takes to accurately select that time using various time pickers. You can probably do it faster with Any+Time™ than you could write out the time by hand--just try to find another picker you can say that about! Not to mention, Any+Time™ supports a countless variety of date/time formats, 12/24-hour clock, full CSS (or jQuery UI) customization and even time zones!

참고URL : https://stackoverflow.com/questions/468253/whats-a-good-javascript-time-picker