完整日历显示更多来自javascript的事件并显示这些事件

full calendar Show more events that are coming from javascript and show those events

本文关键字:事件 显示 javascript 日历      更新时间:2023-09-26

请点击链接:

http://access.spruceindustries.com/facility360/calendar-view.jsp

看到我的图片,当有人选择年、月、周和天时,我想重新加载日历。单击javascript中的days,它会返回日期,以及我想在完整的小日历中显示的日期。

当我点击参考标签:

$('#recurrence').click(function(){
    if($('#checking_tab_2').val()=='off'){
        var insertEvents = {};
        insertEvents = {
            start: new Date(),
        }
        proposedEvents.push(insertEvents);
        console.log(proposedEvents);
        $('#mini_here').fullCalendar({
            header : {
                left : 'prev',
                center : 'title',
                right : 'next'
            },
            dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
            events: proposedEvents,
            eventRender: function(event, eventElement, view){
                var dateString = moment(event.start).format('YYYY-MM-DD');
                $('#mini_here .fc-bg .fc-day[data-date="' + dateString + '"]').css('background-color', '#87B87F');
            },
        });
    }
    $('#checking_tab_2').val('on');
});

但是点击所有选项后(年、月、周和天)

我想重新加载日历,并在小日历中显示日期。

我试过

$('#mini_here').html("");
$('#mini_here').fullCalendar({
    header : {
        left : 'prev',
        center : 'title',
        right : 'next'
    },
    dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    events: proposedEvents,
    eventRender: function(event, eventElement, view ){
        var dateString = moment(event.start).format('MM/DD/YYYY');
        $('#mini_here .fc-bg .fc-day[data-date="' + dateString + '"]').css('background-color', '#87B87F');
    },
});
});

但它返回空白。我正在使用最新版本的完整日历。

我解决了这些问题。

要在完整日历上再次添加更多事件,首先我们必须调用destroy方法,然后调用render方法。之后,您可以添加来自javascript的事件。

链接如下:http://fullcalendar.io/docs/display/destroy/http://fullcalendar.io/docs/display/render/

谢谢。