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에는 크기 조정에 필요한 모든 구성 요소가 있습니다. 나는 무엇이 잘못되었는지 알 수 없다. 브라우저 콘솔에는 오류가 없습니다.
문제를 발견했습니다. 그리고 그것은 매우 DUMB였습니다. : @ fullcalendar.print.css를 코드로 가져 왔습니다. :(
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다