I'm using the FullCalendar plugin, it lists events correctly but only does not display the navigation bar. no javascript errors appear on the console. Looking at the Inpect Element I noticed that the buttons are generated but still remain invisible. I have not found any errors in css, together I am using the Creative Light Admin Dashboard bootstrap theme Tim. If anyone can give a force thank you.
$ (document) .ready (function () {
$('#calendar').fullCalendar({
header: {
left: 'title',
center: 'month,agendaWeek,agendaDay',
right: 'prev,next,today'
},
defaultDate: '2017-11-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow more link when too many events
events: [
{
title: 'All Day Event',
start: '2017-11-01',
},
{
title: 'Long Event',
start: '2017-11-07',
end: '2017-11-10'
},
{
id: 999,
title: 'Repeating Event',
start: '2017-11-09T16:00:00'
},
{
id: 999,
title: 'Repeating Event',
start: '2017-11-16T16:00:00'
},
{
title: 'Conference',
start: '2017-11-11',
end: '2017-11-13'
},
{
title: 'Meeting',
start: '2017-11-12T10:30:00',
end: '2017-11-12T12:30:00'
},
{
title: 'Lunch',
start: '2017-11-12T12:00:00'
},
{
title: 'Meeting',
start: '2017-11-12T14:30:00'
},
{
title: 'Happy Hour',
start: '2017-11-12T17:30:00'
},
{
title: 'Dinner',
start: '2017-11-12T20:00:00'
},
{
title: 'Birthday Party',
start: '2017-11-13T07:00:00'
},
{
title: 'Click for Google',
url: 'http://google.com/',
start: '2017-11-28'
}
]
});
});