我正在使用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具有调整大小所需的所有组件。我无法意识到出了什么问题。浏览器控制台上没有错误。
答案 0 :(得分:0)
我发现了这个问题。它非常DUMB:@ 正在导入fullcalendar.print.css代码。 :(