Skip to content

How to use Datepicker

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

Datepicker

1. Load css/scripts

<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. Write a wrapper element to create datepicker

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

3. Create datepicker

var datepicker = new tui.component.Datepicker('#datepicker-wrapper', {
   //... Datepicker options
});

4. More..