我希望特定事件的颜色不同

时间:2016-04-18 13:33:35

标签: fullcalendar

当我输入日历事件时,我将类型设置为公共和个人。 而且,当我得到它时,我希望个人事件变成黄色。

我成功输入了它并且着色时出现问题,我收到以下错误消息:

url : callCalendar is that Home Controller's method for get all Schedule List.

我不知道从哪里开始。

到目前为止,这是我的代码:

 displayEventTime: true,
        eventLimit : true,
        selectable: true,
        selectHelper: true,
        events: function( start, end, timezone, callback ) { 
            alert("entering events function");
            var event = new Array();
            $.ajax({

                url : 'callCalendar',
                data : {
                    String : 'ss'
                },
                success : function(response){
                     for (var i = 0; i < response.length; i++) {
                          event.push({
                              title : response[i].title,
                              start : response[i].start_date,
                          })
                          if(response[i].type=='personal'){
                              alert("Type = personal");
                              color: 'yellow'
                          }
                          color: 'yellow'
                      }
                     color: 'yellow'
                      callback(event);
                }
            });
            color: 'yellow'

        },

1 个答案:

答案 0 :(得分:0)

为您的活动添加'type'属性并尝试使用eventRender。 例如:

$('#calendar').fullCalendar({
    //some your code
    eventRender: function(calEvent, htmlElem, view) {
        switch(calEvent.type) {
            case 'public':
                htmlElem.addClass('public_event');
                break;
            case 'personal':
                htmlElem.addClass('personal_event');
                break;
        }
    }, 
    //some your code
});