jquery 또는 독립형 js에 적합한 시간 선택기는 무엇입니까? 15 분 간격으로 일반적인 시간 드롭 다운이 있거나 시간을 수동으로 입력하고 유효성을 검사하는 캘린더에서 Google과 같은 것을 사용하고 싶습니다.
답변
몇 가지 리소스 :
답변
이것은 http://trentrichardson.com/examples/timepicker/ 까지 내가 찾은 최고입니다.
답변
다음은 Twitter Bootstrap과 함께 작동하는 것입니다.
답변
제안 된 시간 선택 도구가 마음에 들지 않았기 때문에 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/ .
