68 lines
1.6 KiB
PHP
68 lines
1.6 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8' />
|
|
<script src='/js/index.global.js'></script>
|
|
<style>
|
|
body {
|
|
margin: 40px 10px;
|
|
padding: 0;
|
|
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#calendar {
|
|
max-width: 1100px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* 모바일 화면에 대한 스타일 조정 */
|
|
@media (max-width: 768px) {
|
|
body {
|
|
font-size: 30px; /* 텍스트 크기 증가 */
|
|
}
|
|
|
|
#calendar {
|
|
max-width: 100%;
|
|
margin: 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.fc-header-toolbar {
|
|
flex-wrap: wrap;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.fc-toolbar-title {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.fc-dayGridMonth-view .fc-day-number,
|
|
.fc-dayGridMonth-view .fc-event {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id='calendar'></div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var calendarEl = document.getElementById('calendar');
|
|
var calendar = new FullCalendar.Calendar(calendarEl, {
|
|
initialDate: '2024-07-30',
|
|
editable: true,
|
|
selectable: true,
|
|
businessHours: true,
|
|
dayMaxEvents: true, // allow "more" link when too many events
|
|
events: '/date.php' // PHP 파일에서 이벤트 데이터를 가져옴
|
|
});
|
|
calendar.render();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|