fullcalendar 自定义日程

上次总结了 fullcalendar 的回调方法。

今天说一下使用  eventAfterRender  方法自定义日程。

     $('#calendar').fullCalendar({
            eventAfterRender: function(data,element,e){
                //data 这个日程对应的数据   element 日程对应的dom元素   e 事件
                var $this = $(element);
                //通过 操作 $this 可以从新定义dom  
                // 通过 wz_title wz_name 自定义css样式  例如：
                $this.html("<div class="wz_title">"+data.title+"</div>"); 
                $this.after("<div class="wz_name">"+data.name+"</div>");
                //绑定事件
                bingEvent($this);
            }
      });
      
      function bingEvent(el){
          $(el).find(".wz_title").bind('click',function(){
          });
          
      }

eventAfterRender   是每当有一条日程数据 就会在dom渲染完成后触发，通过dom的重新定义达到，自定义日程。

也可以在原来的基础上添加一些子元素等。