<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<title>풀캘린더</title>
<style type="text/css">
body {
margin: 40px 10px;
padding: 0;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
}
#calendar {
max-width: 900px;
margin: 0 auto;
}
.fc-day-number.fc-sat.fc-past { color:#0000FF; }
.fc-day-number.fc-sun.fc-past { color:#FF0000; }
</style>
<link href="./fullcalendar-2.9.1/fullcalendar.css" rel="stylesheet"/>
<link href="./fullcalendar-2.9.1/fullcalendar.print.css" rel="stylesheet" media="print"/>
<script type="text/javascript" src="./fullcalendar-2.9.1/lib/moment.min.js"></script>
<script type="text/javascript" src="./fullcalendar-2.9.1/lib/jquery.min.js"></script>
<script type="text/javascript" src="./fullcalendar-2.9.1/fullcalendar.js" charset="euc-kr"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#calendar").fullCalendar({
defaultDate : "2016-05-12"
, editable : true
, eventLimit : true
, events: [
{
start : "2016-05-02"
, imageurl : "./images/bender.png"
}
, {
start : "2016-05-05"
, imageurl : "./images/bird.png"
}
, {
start : "2016-06-04"
, imageurl : "./images/clown.png"
}
, {
start : "2016-05-11"
, imageurl : "./images/dictator.png"
}
, {
start : "2016-05-22"
, imageurl : "./images/frankenstein.png"
}
, {
start : "2016-05-17"
, imageurl : "./images/lady.png"
}
, {
start : "2016-05-18"
, imageurl : "./images/posh.png"
}
, {
start : "2016-06-09"
, imageurl : "./images/mouse.png"
}
, {
start : "2016-05-27"
, imageurl : "./images/potter.png"
}
, {
start : "2016-06-07"
, imageurl : "./images/queen.png"
}
, {
start : "2016-05-14"
, imageurl : "./images/scream.png"
}
, {
start : "2016-05-30"
, imageurl : "./images/vader.png"
}
]
, eventRender:function(event, eventElement) {
if(event.imageurl) {
eventElement.find("span.fc-title").prepend("<center><img src='" + event.imageurl + "'><center>");
}
}
});
});
</script>
<body>
<div id="calendar"></div>
<div class="test">
<div class="test2"></div>
</div>
</body>
</html>
|
