我需要使用FullCalendar更改现有项目,并且我已成功完成。完成这些更改后,当我尝试将defaultView
的值更改为agendaWeek
或agendaDay
当我尝试使用这些视图时,日历不会显示任何事件。如果我使用basicWeek
或month
,我会正确看到事件。
可能是什么问题?
$('#calendar').fullCalendar({
theme: true,
//editable: true,
allDaySlot: false,
allDayDefault: false,
monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
monthNamesShort: ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'aout', 'sept.', 'oct.', 'nov.', 'déc.'],
dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
//hiddenDays: [ 1, 3, 5 ],
//defaultView: 'agendaWeek',
editable: false,
slotMinutes: 5,
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaWeek,agendaDay'
},
titleFormat: {
// month: 'MMMM yyyy',
week: "d[ MMMM][ yyyy]{ - d MMMM yyyy}",
day: 'dddd d MMMM yyyy'
},
columnFormat: {
month: 'ddd',
week: 'ddd d',
day: ''
},
axisFormat: 'H:mm',
timeFormat: {
'': 'H:mm',
agenda: 'H:mm{ - H:mm}'
},
buttonText: {
today: 'aujourd\'hui',
day: 'jour',
week: 'semaine',
month: 'mois'
},
weekends: true,
minTime: '7:00',
maxTime: '22:00',
events: "ajax/ajax.php?action=listconference",
eventRender: function (event, element, view) {
if (view.name === "agendaDay") {
element.find(".fc-event-inner").append('<br/> Voyant(e) :' + event.NomAgent + ' ' + event.PrenomAgent + '<br>');
}
if (view.name === "agendaWeek") {
element.find(".fc-event-inner").append('<br/> Voyant(e) :' + event.NomAgent + ' ' + event.PrenomAgent + '<br>');
}
if (view.name === "month") {
element.find(".fc-event-inner").append('<br/> Voyant(e) :' + event.NomAgent + ' ' + event.PrenomAgent + '<br>');
}
if (event.allDay === 'true') {
event.allDay = true;
} else {
event.allDay = false;
}
},
selectable: true,
selectHelper: true,
select: function (start, end, allDay) {
if(start < date) {
alert('Cannot select past dates.');
return;
}
else if(start >= date){
var min = dateDiff(start, end);
findforfait(Agent,min);
$("#box").dialog("open");
if (initmodel()) {
$("#datedebut").val($.fullCalendar.formatDate(start, "dd/MM/yyyy"));
$("#datefin").val($.fullCalendar.formatDate(end, "dd/MM/yyyy"));
$("#date").val($.fullCalendar.formatDate(start, "yyyy-MM-dd"))
$("#heuredebut").val($.fullCalendar.formatDate(start, "HH:mm"));
$("#heurefin").val($.fullCalendar.formatDate(end, "HH:mm"));
$('#calendar').fullCalendar('unselect');
}
}
},
});