2014-02-12 50 views
0

我正在使用jquery的fullcalendar插件,但調整大小功能不起作用,而且事件背景顏色始終爲白色,我無法更改文本顏色事件。 這裏是我的代碼:事件大小調整,事件顏色和文本顏色無法在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擁有調整大小的所有必要組件。我不明白什麼是錯的。瀏覽器控制檯沒有錯誤。

+0

顯示html和css以及 – ariel

+0

@ariel我已經在我的網站上發佈了一個示例,您可以在http://www.andremarcondes.com.br/fullcalendar.html上看到它。 –

回答

0

我發現了這個問題。這是非常愚蠢的:@ fullcalendar.print.css被導入代碼。 :(

相關問題