jQuery Timedropper로 사용자 정의 시간 입력 필드

일부 웹 양식에는 날짜 기반 입력 날짜 선택 도구 플러그인이 도움이 될 수 있습니다. 하지만, 시간 입력?

무료 jQuery 플러그인 Timedropper, 추가 할 수 있습니다. 맞춤 시간 선택 도구 약속을 정하고, 전화 통화를 예약하거나, 필요한 것 거의 아무것도.

믿을 수 없을 정도로 간단하고 jQuery 라이브러리 만 있으면된다. 시작하겠습니다. 해당 라이브러리를 설치하면 Timedropper JS / CSS 파일을 추가하고 실행시킬 수 있습니다. 그게 다야.!

각 입력 필드는 jQuery 선택 자의 타겟 그런 다음 Timedropper 입력 필드를 추가합니다. 이 옵션이있다. 추가 기능 (선택 사항)을 추가 할 수 있습니다.

• 자동 스위치 - 마우스를 올리면 시간 / 분이 자동으로 변경됩니다.
• 경락 - 24 시간 대신 12 시간 시계를 설정하십시오.
• 체재 - 시간 및 분 표시 방법을 설정합니다 (기본 스타일은 1:22 pm입니다).
• 마우스 휠 - 휠 스크롤을 기반으로 시간 변경 가능
• Init_animation - 페이딩 애니메이션 효과를 켭니다.
• setCurrentTime - 필드 값에 현재 시간을 자동으로 추가합니다.

네가 대담하다면 너는 할 수있어. 스타일을 바꾼다. 몇 가지 미리 포장 된 테마를 사용하거나 처음부터 직접 만들 수도 있습니다..

jQuery 플러그인의 바다에서 Timedropper는 꿀벌의 무릎입니다. 정말 고유 한 인터페이스 제공 모든 앱이 기기에 관계없이 시간을 선택하도록 허용.

당연히 모바일 대응, 스마트 폰 및 태블릿에서도 작동합니다. 그러나, 나는 싫어한다. num pad 지원 부족. 시간을 입력하는 분명한 방법 인 것 같습니다. 따라서이 기능이 없으면 제한적으로 느낄 수 있습니다..

여전히, 고유 한 인터페이스 및 간단한 설정, 나는 누군가에게 그것을 기꺼이 기꺼이주기 위해 Timedropper를 추천한다..

찾을 수 있습니다. 모든 소스 코드 GitHub에서 무료로 제공되며 아래에 임베디드 된이 펜에서 매우 간단한 데모를 볼 수 있습니다..

다른 생각이나 제안이 트위터 @felice_gattuso에서 개발자와 자유롭게 나눌 수 있다면.