위키
포럼
도구
바뀐글
랜덤

"JQuery UI 시간선택기 timepicker"의 두 판 사이의 차이

14번째 줄: 14번째 줄:
<script>
<script>
$(function() {
$(function() {
     $('#mytime').timepicker();
     $('.timepicker').timepicker();
});
});
</script>
</script>
      
      
<input type="text" id='mytime'>
<input type="text" class='timepicker'>
</source>
</source>
<jsfiddle height='250'>76pwtxg4</jsfiddle>
<jsfiddle height='250'>76pwtxg4</jsfiddle>

2015년 11월 2일 (월) 13:15 판

1 개요

jQuery UI 시간선택기 timepicker
jQuery UI 플러그인 타임피커
  • jQuery UI datepicker는 jQuery UI에 포함되어 있지만, timepicker는 없음
  • 플러그인을 이용해야 함
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>

<link rel="stylesheet" href="//cdn.rawgit.com/fgelinas/timepicker/master/jquery.ui.timepicker.css">
<script src='//cdn.rawgit.com/fgelinas/timepicker/master/jquery.ui.timepicker.js'></script>
<script>
$(function() {
    $('.timepicker').timepicker();
});
</script>
    
<input type="text" class='timepicker'>

2 같이 보기

3 참고 자료

원본 주소 "https://zetawiki.com/w/index.php?title=JQuery_UI_시간선택기_timepicker&oldid=155926"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}