시간 (또는 시간 범위)을 채우는 가장 효율적인 방법은 무엇입니까?

Question

날짜를 입력하기위한 솔루션 (예 : 달력, 드롭 다운 메뉴 등)이 많지만 시간 (또는 시간 범위)을 요청하는 "표준"방법이 너무 많지 않은 것 같습니다.

개인적으로 시간, 분 및 초 필드 (때로는 "오전 / 오후"필드)에 대한 드롭 다운 메뉴를 사용해 보았습니다. 나는 또한 몇 가지 시계와 같은 입력 장치를 사용해 보았는데, 대부분은 일반적인 최종 사용자에게 사용하기가 너무 어렵습니다. "팝 아웃"시간 선택 메뉴도 시도했습니다 (예를 들어 시간 "10"위에 마우스를 올려 ": 00", ": 15", ": 30이 포함 된 하위 메뉴를받을 수 있습니다. "및": 45 ")-그러나 이러한 방법 중 어느 것도 자연스러워 보이지 않습니다.

지금까지 내가 찾은 최고의 (가장 보편적 인) 방법은 단순한 텍스트 필드를 사용하고 사용자가 시간, 분, 초를 수동으로 채우도록하는 것입니다. 또는 Outlook의 "일보기"와 유사한 것을 만들어서 좋은 경험을했습니다. 이벤트를 끌어서 놓아 시작 및 종료 시간을 설정할 수 있습니다.

이 정보를 요청하는 "가장 좋은 방법"이 있습니까? 정말 직관적이고 사용하기 쉬운 시간 입력 위젯을 사용하는 사람이 있습니까? 아니면 일반 텍스트 상자를 사용하는 것보다 더 효율적인 방법이 있습니까?

Answer 1

Google 캘린더의 접근 방식이 최고라고 생각합니다. 텍스트 상자를 사용하되 JavaScript를 사용하여 시간 선택을위한 일종의 드롭 다운으로 만드십시오. jQuery 여기에서 구현 에 대한 좋은 데모를 찾을 수 있습니다.

아직 내 사이트에이 기능을 구현하지 않았기 때문에 100 % 확실하지는 않지만 여기에이 jQuery 플러그인의 코드가 필요하다고 생각합니다.
http://www.texotela.co.uk/code/jquery/timepicker/

수정
내가 게시 한 첫 번째 링크에는 두 번째 링크의 코드가 필요하지 않습니다. 그것은 단순히 그것을 기반으로합니다. 예제에서 실제 JavaScript 파일을 가져 오려면 페이지 소스를보고 파일 위치를 찾거나 URL로 직접 이동할 수 있습니다.
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

JQuery를위한 매우 유용한 시간 입력 도구가 있습니다.표준 텍스트 필드 외에 '스피너'유형의 접근 방식을 제공합니다.또한 조정을위한 마우스 스크롤 휠 사용을 지원하며 (기존의 '그냥 입력'방식) 원하는 경우 n 분 단계로 제한하도록 구성 할 수도 있습니다.사용자 정의가 가능하고 현지화 및 기타 다양한 설정을 지원하며 몇 개의 프로젝트 / 데모 사이트에서 성공적으로 사용했습니다.

Answer 3

저는 평범한 언어 입력의 열렬한 팬입니다 (요 전날 주제가있었습니다).나는 37signals 배낭 달력에 물건을 입력 할 수있는 방식이 마음에 듭니다 (08/12 3pm과 tom 회의).또한 리마인더 시스템으로 시간을 처리하는 방식도 마음에 듭니다 (오늘, 내일 아침과 같은 옵션을 제공합니다).