Witam,
przygotowuję projekt który jest oparty o kalendarz FullCalendar i domyślnym widokiem będzie BusinessHours. Mam problem ponieważ chciałem zaszarzać dni i godziny w których czas już upłynął. Owo "zaszarzanie" udało mi się przygotować ale tylko na dni poprzednie, ale mam też inny problem. Siatka która była na dane dni nadal jest widoczna, tylko zaszarzanie jest na nią nałożone. Ktoś wie jak to usunąć / wyłączyć? Bo teraz wygląda to komicznie.
Podrzucam kod jaki do tej pory zrobiłem. Z góry dzięki za wszelką pomoc.
$(document).ready(function() {
var ogrdata = $("#dda").val().split(",");
var minDate = moment(ogrdata[0]);
var maxDate = moment(ogrdata[1]);
$('#calendar').fullCalendar({
header: {
left: 'prev, next, today',
center: 'title',
right: 'month, agendaWeek, agendaDay'
},
buttonIcons: true,
weekNumbers: true,
navLinks: true,
editable: true,
eventLimit: true,
locale: 'pl',
slotLabelFormat:"HH:mm",
minTime: "08:00:00",
maxTime: "20:00:00",
nowIndicator: true,
businessHours: [
{
dow: [ 1 ],
start: '08:00',
end: '11:00'
},
{
dow: [ 1 ],
start: '16:00',
end: '18:00'
},
{
dow: [ 2 ],
start: '08:00',
end: '18:00'
},
{
dow: [ 4, 5 ],
start: '10:00',
end: '16:00'
}
],
slotLabelInterval: "00:30:00",
viewRender: function(currentView){
var now = new Date();
var end = new Date();
end.setMonth(now.getMonth() + 2);
$(".fc-sun, .fc-sat").addClass("non-working-day");
$(".fc-sat:not(.fc-other-month)").last().removeClass("non-working-day");
if (end < currentView.end) {
$("#calendar .fc-next-button").hide();
}
else {
$("#calendar .fc-next-button").show();
}
if ( currentView.start < now) {
$("#calendar .fc-prev-button").hide();
return false;
}
else {
$("#calendar .fc-prev-button").show();
}
},
dayRender: function(date, cell){
if (moment().diff(date,'days') > 0){
$(".fc-past").css("background-color", "silver");
}
}
});
console.log($('#calendar').html());
});