如何在FullCalendar中编辑事件的宽度？

这似乎非常简单，但我花了半天时间把头撞在墙上，试图弄明白为什么我的完整日历事件只显示77像素，而单元格的宽度（月视图）似乎是90像素或更高。我尝试过修改fc事件css规则，但javascript似乎正在将一些内联样式写入日历，覆盖这些样式

我似乎不知道这些风格是从哪里来的

---

任何定制了fullcalendar的人都能提供一些见解吗？它是作为wordpress博客上的一个页面运行的，不确定这是否与此有关，因为我注意到其中一个按钮在一个尴尬的位置被剪掉了。

一些wordpress主题样式与fullcalendar不兼容。我使用的是WordPress3.0，使用的是Twenty-Ten样式。我没有将其插入content div，而是将其插入其父级容器div，然后样式自行修复。

您可以使用eventAfterRender设置事件宽度

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

---

TwentyTen添加了填充表格单元格（请参见style.css）：

以下内容应“修复”完整日历的此问题：

#content .fc tr td{
    padding:0px;
}

---

我用过！重要的是要覆盖内联样式，它工作得很好

.fc事件{
宽度：98px！重要；}

我使用此代码得到了结果，希望也能与您一起工作

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

---

这可能与调整日历大小和响应能力冲突。

eventRender: function (event, element, view) {
    if (event.eventType == "Task") { //own property
        var one_day = 1000 * 60 * 60 * 24;
        var _Diff = Math.ceil((event.start.getTime() - view.visStart.getTime()) / (one_day));
        var dayClass = ".fc-day" + _Diff;

        if (event.days == 1) {  //own property
            jQuery(dayClass).addClass("one-day-event"); //set width to 90px (cca 2 cells)
        } else {
            jQuery(dayClass).removeClass("one-day-event");

        }
        view.setWidth(jQuery(dayClass).css("width") * event.days);
    }
},

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