在FullCalendar中编辑事件的宽度

时间:2012-01-25 08:44:18

标签: javascript jquery css fullcalendar

我知道这个问题已经被问到here但是我遇到了这个问题并且已经浪费了一天所以我认为提出一个新问题可能有助于快速回复..我正在使用完整日历网络应用程序,我想有条件地改变事件的宽度。对于一些我希望宽度减半和一些四分之一。这是那里提出的解决方案

$('#calendar').fullCalendar({
    eventAfterRender: function(event, element, view) {
         $(element).css('width','50px');
      }
});

现在我怎么能用这个来减半已经设定的?如果我检查一个元素,我看到absolut宽度设置但我认为它会根据屏幕大小和日历大小而改变,所以我可以某种方式做类似width : width/2的事情,这样它就不会破坏调整。如果这是一个非常简单的问题,请耐心等待我,因为我对网络开发很陌生。

1 个答案:

答案 0 :(得分:4)

将类名分配给要调整大小的事件。

然后在eventAfterRender方法中,您可以执行以下操作:

eventAfterRender: function(event, element, view) {  
     var width = $(element).width();

     // Check which class the event has so you know whether it's half or quarter width
     if($(element).hasClass("HalfClass"))
        width = width / 2;
     if($(element).hasClass("QuarterClass"))
        width = width / 4;

     // Set the new width
     $(element).css('width', width + 'px');
  },