Skip to content

Datepicker 사용하기

이민규 edited this page Feb 20, 2017 · 4 revisions
                                               Version 2.0

Datepicker

1. CSS / Script 로드

<html>
<head>
    ....
    <link href="tui-component-datepicker.css" rel="stylesheet">
</head>
<body>
    ....
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="code-snippet.js"></script>
    <script type="text/javascript" src="tui-component-datepicker.min.js"></script>
    ....
</body>
</html>

2. Datepicker가 그려질 Wrapper 엘리먼트

<div id="datepicker-wrapper"></div>

3. Datepicker 생성

var datepicker = new tui.component.Datepicker('#datepicker-wrapper', {
   //... 데이트피커 옵션
});

4. 좀 더 알아보기