programing

좋은 자바스크립트 타임 픽커란?

codeshow 2023. 9. 24. 13:11
반응형

좋은 자바스크립트 타임 픽커란?

jquery 또는 독립형 js를 위한 좋은 시간 선택기는 무엇입니까?나는 15분 간격으로 일반적인 시간의 드롭다운이 있거나 시간을 수동으로 입력하여 확인할 수 있는 구글의 달력과 같은 것을 원합니다.

몇 가지 리소스:

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

저는 제안된 타임 픽커가 마음에 들지 않아서 Perifer와 HTML5 사양에서 영감을 얻어 자신의 것을 만들었습니다.

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

시간 입력(step, min, max)을 위해 새 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 형식만 허용합니다.사양에 따라 seconds가 가능하지만 아직 시행하지 않았습니다.

아주 "알파"라서 버그가 있을 수도 있습니다.패치/풀 요청을 자유롭게 보내주십시오.IE 6&8, FF, Chrome 및 Opera에서 수동으로 테스트(Linux의 최신 안정성)를 수행했습니다.

jQuery creator John Resig의 게시물을 여기 http://ejohn.org/blog/picking-time/ 에서 읽을 수 있습니다.

누군가 다른 자바스크립트 팀피커에 관심이 있을 경우 그 일을 수행하는 jQuery 플러그인을 개발하여 유지 관리하고 있습니다.EZ Time JS(5분 전까지는 몰랐지만 :D)와 같은 방식으로 작동하여 사용자가 편안하게 느끼는 방식으로 시간을 입력할 수 있고 입력 내용을 공통 형식으로 변환할 수 있습니다.

jQuery TimePicker Options(jQuery TimePicker 옵션) 페이지를 확인하여 실행 중입니다.

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

반응형