如果日期尚未预定,则显示日期

时间:2019-06-04 02:49:56

标签: jquery fullcalendar fullcalendar-3

我正在使用完整的日历,我想在尚未预订的单元格上显示可用的文本。

            $('#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文本。

0 个答案:

没有答案