Ok, new issue, I’m trying to convert my time to 24h format.
And this is how my code looks:
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
editable: true,
events: [
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:' RSA-MEX ',
start: '2010-06-11T14:30:00',
allDay: false,
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:' URU-FRA ',
start: '2010-06-11T19:30:00',
allDay: false
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:'KOR-GRE',
start: '2010-06-12T12:30:00',
allDay: false
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:' ARG-NGA ',
start: new Date(y, m, 12, 15, 00),
allDay: false
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:' ENG-USA ',
start: new Date(y, m, 12, 19, 30),
allDay: false
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:'ALG-SVN',
start: new Date(y, m, 13, 12, 30),
allDay: false
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:' SRB-GHA ',
start: new Date(y, m, 13, 15, 00),
allDay: false
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:' GER-AUS ',
start: new Date(y, m, 13, 19, 30),
allDay: false
},
{
imageAfterTime: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
imageAfterTitle: $("<img src = 'images/flags/ad.png' style='width:19px;height:13px'/>"),
title:'NED-DEN',
start: new Date(y, m, 14, 12, 30),
allDay: false
},
{
title:' JPN vs CMR',
start: new Date(y, m, 14, 15, 00),
allDay: false
},
{
title:' ITA vs PAR',
start: new Date(y, m, 14, 19, 30),
allDay: false
},
{
title:' NZL vs SVK',
start: new Date(y, m, 15, 12, 30),
allDay: false
},
{
className:'pt',
title:' CIV vs POR',
start: new Date(y, m, 15, 15, 00),
allDay: false
},
{
title:' BRA vs PRK',
start: new Date(y, m, 15, 19, 30),
allDay: false
},
{
title:' HON vs CHI',
start: new Date(y, m, 16, 12, 30),
allDay: false
},
{
title:' ESP vs SUI',
start: new Date(y, m, 16, 15, 90),
allDay: false
},
{
title:' RSA vs URU',
start: new Date(y, m, 16, 19, 30),
allDay: false
},
{
title:' ARG vs KOR',
start: new Date(y, m, 17, 12, 30),
allDay: false
},
{
title:' GRE vs NGA',
start: new Date(y, m, 17, 15, 00),
allDay: false
},
{
title:' FRA vs MEX',
start: new Date(y, m, 17, 19, 30),
allDay: false
},
{
title:' GER vs SRB',
start: new Date(y, m, 18, 12, 30),
allDay: false
},
{
title:' SVN vs USA',
start: new Date(y, m, 18, 15, 00),
allDay: false
},
{
title:' ENG vs ALG',
start: new Date(y, m, 18, 19, 30),
allDay: false
},
{
title:' NED vs JPN',
start: new Date(y, m, 19, 12, 30),
allDay: false
},
{
title:' GHA vs AUS',
start: new Date(y, m, 19, 15, 00),
allDay: false
},
{
title:' CMR vs DEN',
start: new Date(y, m, 19, 19, 30),
allDay: false
},
{
title:' SVK vs PAR',
start: new Date(y, m, 20, 12, 30),
allDay: false
},
{
title:' ITA vs NZL',
start: new Date(y, m, 20, 15, 00),
allDay: false
},
{
title:' BRA vs CIV',
start: new Date(y, m, 20, 19, 30),
allDay: false
},
{
className:'pt',
title:' POR vs PRK',
start: new Date(y, m, 21, 12, 30),
allDay: false
},
{
title:' CHI vs SUI',
start: new Date(y, m, 21, 15, 00),
allDay: false
},
{
title:' ESP vs HON',
start: new Date(y, m, 21, 19, 30),
allDay: false
},
{
title:' MEX vs URU',
start: new Date(y, m, 22, 15, 00),
allDay: false
},
{
title:' FRA vs RSA',
start: new Date(y, m, 22, 15, 00),
allDay: false
},
{
title:' GRE vs ARG',
start: new Date(y, m, 22, 19, 30),
allDay: false
},
{
title: ' NGA vs KOR',
start: new Date(y, m, 22, 19, 30),
allDay: false
},
{
title: ' SVN vs ENG',
start: new Date(y, m, 23, 15, 00),
allDay: false
},
{
title: ' USA vs ALG',
start: new Date(y, m, 23, 15, 00),
allDay: false
},
{
title: ' AUS vs SRB',
start: new Date(y, m, 23, 19, 30),
allDay: false
},
{
title: ' GHA vs GER',
start: new Date(y, m, 23, 19, 30),
allDay: false
},
{
title: ' PAR vs NZL',
start: new Date(y, m, 24, 15, 00),
allDay: false
},
{
title: ' SVK vs ITA',
start: new Date(y, m, 24, 15, 00),
allDay: false
},
{
title: ' DEN vs JAP',
start: new Date(y, m, 24, 19, 30),
allDay: false
},
{
title: ' CMR vs NED',
start: new Date(y, m, 24, 19, 30),
allDay: false
},
{
className:'pt',
title: ' POR vs BRA',
start: new Date(y, m, 25, 15, 00),
allDay: false
},
{
title: ' PRK vs CIV',
start: new Date(y, m, 25, 15, 00),
allDay: false
},
{
title: ' SUI vs HON',
start: new Date(y, m, 25, 19, 30),
allDay: false
},
{
title: ' CHI vs ESP',
start: new Date(y, m, 25, 19, 30),
allDay: false
}
],
timeFormat: 'H(:mm)' // uppercase H for 24-hour clock
});
eventRender: function(event, eventElement){
if (event.imageAfterTime)
{
eventElement.find('span.fc-event-time').after($(event.imageAfterTime));
}
if (event.imageAfterTitle)
{
eventElement.find('span.fc-event-title').after($(event.imageAfterTitle));
}
}
});
As you can see in the end, I have put up that timeFormat setting, and used the syntax in the first event:
start: '2010-06-11T14:30:00',
But i end up with no calendar at all.