일정관리 화면 수정
parent
90585bfa9a
commit
b5bd613129
@ -1,4 +1,64 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
||||||
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
||||||
<c:set var="pageKorName" scope="request">일정관리</c:set>
|
<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