Get started with tui-calendar CDN
MIT licensed
Tui-Calendar is a lightweight and customizable React calendar component.
Tags:- nhnent
- toast
- tui
- component
- calendar
- fullcalendar
- daily
- weekly
- monthly
- business week
- milestone
- task
- allday
- jquery-plugin
Stable version
Copied!
How to start using tui-calendar CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with tui-calendar CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tui-calendar@2.0.1/dist/tui-calendar.css">
<style>
#calendar { width: 100%; height: 60vh; }
</style>
</head>
<body>
<div id="calendar"></div>
<script src="https://cdn.cdnhub.io/tui-calendar/2.0.1/tui-calendar.min.js"></script>
<script>
const calendar = new tui.Calendar('#calendar', {
useKorean: true, // Set to false if you're not using Korean
selectable: true,
range: (start, end) => [new Date(start.getFullYear(), start.getMonth(), 1), new Date(end.getFullYear(), end.getMonth() + 1, 0)],
template: {
today: {
backgroundColor: 'blue',
borderColor: 'transparent',
},
},
});
</script>
</body>
</html>
All versions
0.10.0
0.6.0
0.6.1
0.6.2
0.6.3
0.6.4
0.6.5
0.6.6
0.7.0
0.7.1
0.7.2
0.8.0
0.9.0
0.9.1
0.9.2
0.9.3
0.9.4
0.9.5
1.0.0
1.0.1
1.0.2
1.1.0
1.10.0
1.10.1-rc
1.11.0
1.11.1
1.11.1-rc
1.11.2
1.12.0
1.12.0-rc
1.12.0-rc.1
1.12.0-rc.2
1.12.0-rc.3
1.12.0-rc.4
1.12.0-rc.5
1.12.1
1.12.10
1.12.11
1.12.12
1.12.13
1.12.14
1.12.2
1.12.3
1.12.3-dooray.1
1.12.3-dooray.2
1.12.4
1.12.5
1.12.5-dooray-sp101-200625
1.12.5-dooray-sp101-200701
1.12.5-dooray-sp104-201109-beta2
1.12.5-dooray-sp112-210110
1.12.5-dooray-sp98-200120
1.12.5-dooray-sp99-200303
1.12.6
1.12.7
1.12.8
1.12.9
1.13.0
1.13.1
1.14.0
1.14.1
1.15.0
1.15.1
1.15.2
1.15.3
1.2.0
1.2.1
1.2.2
1.2.3
1.2.4
1.3.0
1.4.0
1.5.0
1.6.0
1.7.0
1.8.0
1.8.1
1.9.0
1.9.1
2.0.0
2.0.0-alpha.0
2.0.0-alpha.1
2.0.0-alpha.2
2.0.0-alpha.3
2.0.0-alpha.4
*** 2.0.1
ue-calendar@2.0.2
ue-calendar@2.0.3
ue-calendar@2.0.4
ue-calendar@2.0.5
ue-calendar@2.1.0
ue-calendar@2.1.1
ue-calendar@2.1.2
ue-calendar@2.1.3