无法获取jquery fullcalendar事件以正确着色

问题描述

我尝试从 FullCalendar主页复制完全相同的代码.所以我有:

I tried copying the exact same code from the FullCalendar Homepage. So I have:

$(document).ready(function () {

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

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        editable: true,
        events: [
                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1)
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d - 5),
                    end: new Date(y, m, d - 2)
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d - 3, 16, 0),
                    allDay: false
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d + 4, 16, 0),
                    allDay: false
                },
                {
                    title: 'Meeting',
                    start: new Date(y, m, d, 10, 30),
                    allDay: false
                },
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                },
                {
                    title: 'Birthday Party',
                    start: new Date(y, m, d + 1, 19, 0),
                    end: new Date(y, m, d + 1, 22, 30),
                    allDay: false
                },
                {
                    title: 'Click for Google',
                    start: new Date(y, m, 28),
                    end: new Date(y, m, 29),
                    url: 'http://google.com/'
                }
            ]
    });

});

我已验证我的网站正确包含了fullcalendar.css和fullcalendar.print.css.

I have verified that my site correctly includes the fullcalendar.css and fullcalendar.print.css.

但是，我的页面显示为:

However, my page comes up as:

http://dl.dropbox.com/u/6753359/badcalendar.PNG

请注意，我的活动并不像其示例那样令人沮丧.我尝试在事件中设置color属性，尝试为事件赋予className，没有任何事情使事件具有颜色.

Notice my events are not blue like their examples. I tried setting the color property in the events, I tried giving the events a className, nothing is making my events have color.

---

当我检查全天活动"事件时，Chrome浏览器向我显示了以下div: http://dl.dropbox.com/u/6753359/badcalendarEventElement.PNG

---

When I inspect my "All Day Event" event, Chrome shows me the following divs:http://dl.dropbox.com/u/6753359/badcalendarEventElement.PNG

就所使用的样式而言，Chrome会向我显示:

And as far styles being used, Chrome shows me:

http://dl.dropbox.com/u/6753359/badcalendarCss.PNG

有人知道我该如何解决吗?

Does anyone know how I can fix this?

推荐答案

尝试添加media ="print"

try adding media="print"

<link rel="stylesheet" href="fullcalendar.print.css" type="text/css" media="print" />

您的打印样式表将覆盖您的屏幕样式表.

your print style sheet is overriding your screen style sheet.

这篇关于无法获取jquery fullcalendar事件以正确着色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！