我正在使用完整的日历,我想在尚未预订的单元格上显示可用的文本。
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
droppable: false, // this allows things to be dropped onto the calendar
drop: function() {
},
eventLimit: true, // for all non-TimeGrid views
views: {
timeGrid: {
eventLimit: 1 // adjust to 4 only for timeGridWeek/timeGridDay
}
},
events: function(start, end, timezone, callback) {
jQuery.ajax({
url: base_path+'/available-time',
type: 'POST',
dataType: 'json',
data: $('#form').serialize()+ "&start="+ start.format() +"&end=" + end.format(),
success: function(doc) {
callback(doc.data);
}
});
},
eventRender: function(event, element){
if($('#start_time').val()){
var eventStart = moment(event.start);
var eventEnd = event._end === null ? eventStart : moment(event.end);
var diffInDays = eventEnd.diff(eventStart, 'days');
$("td[data-date='" + eventStart.format('YYYY-MM-DD') + "']").css("background-color", "pink");;
for(var i = 1; i < diffInDays; i++) {
eventStart.add(1,'day');
$("td[data-date='" + eventStart.format('YYYY-MM-DD') + "']").css("background-color", "pink");
}
}
},
dayClick: function(date, jsEvent, view) {
$('#calendar').fullCalendar('changeView', 'agendaDay')
$('#calendar').fullCalendar('gotoDate', date);
var current_date = moment().format('YYYY-MM-DD')
},
});
在这里,事件包含具有start_datetime,end_datetime,id,标题...的事件数组。
我想在除事件发生日期之外的所有其他单元格上显示available
文本。