流星和事件背景颜色的漂亮全日历包

Question

拔出我在这里留下的小头发，试图按照 js fullcalendar 控件上的文档来更改各个事件的背景。

我在这里关注了其他几个线程，例如Adding nice colors to events in FullCalendar (jquery) 和fullcalendar backgroundColor property，它们都建议我设置事件的属性 backgroundColor，或者设置一个类并将其附加到事件，所有这些都被忽略.

我唯一能改变的是，如果我设置了事件的颜色属性，它将边框颜色更改为套件（根据文档，应该设置整个事件的颜色）。

我正在设置这些属性，因为我将它们推送到事件数组中以传递给日历，如下所示

events: function(start, end, callback) {
        var events = [];
        reqEvents = Requests.find();
        reqEvents.forEach(function(evt){
          event = {id:evt._id,title:evt.title,start:evt.start,end:evt.end,color:evt.color};
          event.className = 'todo';
          events.push(event);
        })
        callback(events);
        console.log(events);
      },

这是在模板渲染函数中。

我已经尝试用 event.backgroundColor = 'green' 代替 className，我尝试过内联，我尝试过几乎所有可以在文档中找到的颜色命名事件，但没有任何改变背景或文字颜色。

想法？？

Answer 1

不幸的是，这不是你的问题，而是关于如何为流星打包 fullcalendar 的错误。

正如您在https://github.com/priyadarshy/meteor-fullcalendar/tree/master/css 看到的那样，屏幕和打印样式表都包含在内，并且流星打包 css 的方式将它们捆绑在一起。

很遗憾，打印样式表会覆盖所有背景。

事实上在这个文件https://github.com/priyadarshy/meteor-fullcalendar/blob/master/css/fullcalendar.print.css 上写着

在您的页面上包含此样式表以获得更易于打印的效果 日历。包含此样式表时，请使用 media='print' 标签的属性。确保包含此样式表 IN 添加到常规的 fullcalendar.css。

你可以做的是克隆这个 repo，然后要么删除打印 css，要么用

包围打印 css

@media print {

  /* print css goes here */

}