I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) datepicker.js로 달력으로 날짜 입력하기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 7. 10. 18:49

반응형

[즐거'웅'코드] 목차

  1. 리소스
  2. 예제 소스
  3. 구현 예시
리소스
리소스.zip
13.0 kB
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<link rel="stylesheet" type="text/css" href="css/datepicker.min.css"/>
 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
 
<script type="text/javascript" src="js/datepicker.min.js"></script>
<script type="text/javascript" src="js/datepicker.ko.js"></script>
 
<input type="text" id="datepicker_obj">
 
<script>
    $("#datepicker_obj").datepicker({
        language: 'ko',
        autoClose: true,
        todayButton: true,
        timepicker: true,
        timeFormat: "hh:ii AA",
        minHours: 10,
        maxHours: 19,
        hoursStep: 1,
        minutesStep: 30,
        minDate: new Date(),
        keyboardNav: true
    });
</script>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) slick 슬라이드 구현하기  (0) 2021.07.12
(즐거웅코드) clipboard.js로 복사하기 (모바일 복사 가능)  (0) 2021.07.11
(즐거웅코드) odometer.js로 카운트 증가시키기  (0) 2021.07.09
(즐거웅코드) counterup.js로 카운트 증가시키기  (0) 2021.07.09
(즐거웅코드) typed.js로 글 쓰고 지우는 효과 내기  (0) 2021.07.07

관련글

댓글 0

티스토리툴바