Como te mencioné en los comentarios, los espacios que deseas rellenar con los intervalos de 20 minutos, generalmente se utilizan para especificar cada evento en FullCalendar; una alternativa es la siguiente:
$('#calendar').fullCalendar({
defaultView: 'agendaWeek',
lang: 'es',
weekends: false,
columnFormat: 'dddd',
//dayNames: ['Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado', 'Domingo'],
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: '2018-11-11',
editable: true,
eventLimit: true,
weekend: true,
allDaySlot: false,
minTime: '09:00:00',
maxTime: '15:00:00',
slotDuration: '00:20:00',
slotLabelInterval : '00:20:00',
events:[
{
title: 'Titulo Evento',
start: '2018-11-11T09:00:55.008',
end: '2018-11-11T09:15:55.008'
}
]
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container" id="calendar"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/locale/es.js"></script>
Especificas cada intervalo de 20 minutos con la propiedad slotLabelInterval y listo! Obviamente si deseas quitar el texto de los intervalos sólo debes comentar dicha linea o eliminarla.
Asimismo la propiedad encargada de "partir" cada hora en N intervalos es slotDuration
Ahora si quieres quitar los fines de semana sólo debes setear la propiedad weekends
en false
.
Y para que el calendario te quede en español, debes incluir el archivo es.js
en tu código.
Y setear columnFormat
en formato dddd
Nos comentas si te sirve amigo