事件大小调整,事件颜色和文本颜色在fullcalendar中不起作用

时间:2014-02-12 23:44:55

标签: javascript jquery fullcalendar

我正在使用jquery的fullcalendar插件,但调整大小的能力不起作用,事件背景颜色总是白色,我无法更改事件中的文本颜色。 这是我的代码:

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/fullcalendar.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript">
    $("#fullcalendar").fullCalendar({
        "allDayDefault": false,
        "allDaySlot": true,
        "allDayText": "dia inteiro",
        "axisFormat": "HH:mm",
        "buttonText": {
            "today": "Ir para hoje",
            "month": "Mensal",
            "week": "Semanal",
            "day": "Diário"
        },
        "columnFormat": {
            "month": "ddd",
            "week": "ddd ' - ' dd' / 'MM",
            "day": "dddd"
        },
        "dayNames": [
            "Domingo",
            "Segunda-Feira",
            "Terça-Feira",
            "Quarta-Feira",
            "Quinta-Feira",
            "Sexta-Feira",
            "Sábado"
        ],
        "dayNamesShort": ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
        "defaultView": "agendaWeek",
        "disableResizing": false,
        "editable": true,
        "events": "/cmvida/ajax/evento",
        "eventDurationEditable": true,
        "header": {
            "left": "prev,next today",
            "center": "title",
            "right": "month,agendaWeek,agendaDay"
        },
        "monthNames": [
            "Janeiro",
            "Fevereiro",
            "Março",
            "Abril",
            "Maio",
            "Junho",
            "Julho",
            "Agosto",
            "Setembro",
            "Outubro",
            "Novembro",
            "Dezembro"
        ],
        "monthNamesShort": [
            "Jan",
            "Fev",
            "Mar",
            "Abr",
            "Mai",
            "Jun",
            "Jul",
            "Ago",
            "Set",
            "Out",
            "Nov",
            "Dez"
        ],
        "select": function(start, end, allDay) {
            var dataEvento = "";
            var dataInicial = get_ptBR_date_string(start).split(" ");
            var horaInicial = dataInicial[1].split(":");
            var dataFinal = get_ptBR_date_string(end).split(" ");
            var horaFinal = dataFinal[1].split(":");

            dataEvento += diaDaSemana[start.getDay()] + ", ";
            dataEvento += pad(start.getDate(), 2) + "/" + pad(start.getMonth() + 1,2) + "/" + start.getFullYear() + " ";
            dataEvento += start.toLocaleString().split(" ")[1].split(":")[0] + ":" + start.toLocaleString().split(" ")[1].split(":")[1];
            dataEvento += " - ";
            dataEvento += end.toLocaleString().split(" ")[1].split(":")[0] + ":" + end.toLocaleString().split(" ")[1].split(":")[1];

            $("#data_inicial_novo_evento").val(dataInicial[0]);
            $("#hora_inicial_novo_evento").val(horaInicial[0] + ":" + horaInicial[1]);
            $("#data_final_novo_evento").val(dataFinal[0]);
            $("#hora_final_novo_evento").val(horaFinal[0] + ":" + horaFinal[1]);
            $("#span_data_evento").html(dataEvento);
            $("#form_novo_evento").dialog("open");
        },
        "selectHelper": true,
        "selectable": true,
        "theme": false,
        "timeFormat": "HH:mm{ - HH:mm}",
        "titleFormat": {
            "month": "MMMM 'de' yyyy",
            "week": "dd MMM[ yyyy]{ '-' dd MMM yyyy}",
            "day": "dd 'de' MMMM 'de' yyyy"
        }
    });
</script>

我已经在这里搜索了很多,但找不到解决方案。包含了fullcalendar所需的所有依赖项。 Jquery UI具有调整大小所需的所有组件。我无法意识到出了什么问题。浏览器控制台上没有错误。

1 个答案:

答案 0 :(得分:0)

我发现了这个问题。它非常DUMB:@ 正在导入fullcalendar.print.css代码。 :(