Skip to content
This repository was archived by the owner on Sep 4, 2026. It is now read-only.

How to use Datepicker

Jump to bottom
이민규 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..

Tutorials

English

Korean

Clone this wiki locally