Fullcalendar - 在一天中单击删除事件并删除特定单元格的Bg颜色

时间:2014-03-25 05:22:16

标签: javascript jquery fullcalendar

我需要在特定日期将事件限制为一个,如果存在任何事件,则点击日期时,必须将其删除。

在向日期添加事件时,单元格的颜色应该变为橙色,并且在删除事件时,必须将其转回白色。

$(function(){

        // Full calendar
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        var calendar = $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            selectable: true,
            selectHelper: true,
            select: function(start, end, allDay) {
                var title = prompt('Event Title:');
                if (title) {
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            backgroundColor: 'orange',
                            allDay: allDay,                             
                        },
                        true
                    );
                }
                calendar.fullCalendar('unselect');
            },
            eventClick: function(event){
                var r=confirm(\"Are you sure?\");
                if (r==true)
                  {
                     $('#calendar').fullCalendar('removeEvents',event._id);
                  }                                                          
            },
            dayClick: function(date, allDay, jsEvent, view) {
                    if($( this ).hasClass('bg-orange')){
                   $(this).removeClass('bg-orange');
               }
               else
               {
                $(this).addClass('bg-orange');
               }                      
            },              
            editable: true,
            events: [
            ]
        });
    });

0 个答案:

没有答案