일정관리 화면 수정
parent
90585bfa9a
commit
b5bd613129
@ -1,4 +1,64 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||
<c:set var="pageKorName" scope="request">일정관리</c:set>
|
||||
일정관리 메인
|
||||
<div class="content-wrapper">
|
||||
<div class="container-xxl flex-grow-1 px-0">
|
||||
<div class="card wrapper-list">
|
||||
<div id="calendar--${pageName}" class="m-4 px-4" style="width:1500px!important;height:700px!important;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
var calendar = new Calendar(document.getElementById("calendar--${pageName}"), {
|
||||
initialView: 'dayGridMonth',
|
||||
plugins : [dayGridPlugin, interactionPlugin],
|
||||
locale: 'ko',
|
||||
editable: true,
|
||||
selectable: true,
|
||||
height: '700px',
|
||||
handleWindowResize : false,
|
||||
eventColor: '#ffeecc',
|
||||
select: function(arg) {
|
||||
|
||||
var text = prompt('일정을 입력하세요.');
|
||||
|
||||
if(text){
|
||||
calendar.addEvent({
|
||||
title: text,
|
||||
start: arg.start,
|
||||
end: arg.end,
|
||||
allDay: arg.allDay
|
||||
});
|
||||
}
|
||||
calendar.unselect();
|
||||
},
|
||||
eventClick:function(obj, element) {
|
||||
|
||||
var text = prompt('일정 변경내용을 입력하세요.', obj.event.title);
|
||||
|
||||
if(text == null){
|
||||
return;
|
||||
}
|
||||
|
||||
if(text) {
|
||||
obj.event.setProp("title", text);
|
||||
} else {
|
||||
obj.event.remove();
|
||||
}
|
||||
|
||||
calendar.unselect();
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
|
||||
</script>
|
Loading…
Reference in New Issue