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擁有調整大小的所有必要組件。我不明白什麼是錯的。瀏覽器控制檯沒有錯誤。
顯示html和css以及 – ariel
@ariel我已經在我的網站上發佈了一個示例,您可以在http://www.andremarcondes.com.br/fullcalendar.html上看到它。 –