添加属性:
eventRender: function (event, element) {
element.html(event.title);
}
页面详细代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp"%>
<link href='${staticPath }/static/fullcalendar/fullcalendar.css' rel='stylesheet' />
<script src='${staticPath }/static/fullcalendar/lib/moment.min.js'></script>
<script src='${staticPath }/static/fullcalendar/fullcalendar.js'></script>
<style>
#calendar {
max-width: 1200px;
margin: 0 auto;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$(".fc-right").hide();
var data=${list};
var data1=${listqingjia};
var dataevents=[];
var i=0;
$.each(data,function(index,element){
if(element.status==1){
dataevents[i] = {title: element.periodName+":"+element.attendance_time+",方式:"+element.typeName, start:element.dateTime};
i++;
}
if(element.status!=1)
{dataevents[i] = {title: element.periodName+":"+element.attendance_time+",方式:"+element.typeName, start:element.dateTime,backgroundColor: '#fdcccd'};
i++;
}
});
$.each(data1,function(a,b){
dataevents[i] = {title: b.typeName+':'+b.time_star+'至'+b.time_end,start:b.dateStar,end:b.dateEnd};
i++;
});
$('#calendar').fullCalendar({
editable: false,
eventLimit: true, // allow "more" link when too many events
events:dataevents,
eventRender: function (event, element) {//title以HTML显示(换行)
element.html(event.title);
}
});
});
function addDate(date, days) {
if (days == undefined || days == '') {
days = 1;
}
var date = new Date(date);
date.setDate(date.getDate() + days);
var month = date.getMonth() + 1;
if (month < 10)
month = "0" + month;
var day = date.getDate();
if (day < 10)
day = "0" + day;
return date.getFullYear() + '-' + month + '-' + day;
}
</script>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<li class="fa fa-remove"></li>
</button>
<h5 class="modal-title">考勤详情</h5>
</div>
<div class="modal-body">
<div id='calendar'></div>
</div>
<script>
</script>