1

olá! criei o full calendar com Jscript, mas quando estou a executar o codigo, ele aparece um erro que diz que full callendar is not function. como podem ver no codigo abaixo

var events = [];
    var tarefasAtribuidas = <?php echo $dbTarefas->getTarefaAtribuidaUserIdAbertaJSON($this->session->userdata('userId'));?>;

    var tarefas = <?php echo $dbTarefas->getTarefaFromUserIdJSON($this->session->userdata('userId'));?>;

    function organizaTarefasAtribuidas( x ){
        x.forEach(function(item){
            events.push({title:item.Assunto,start:item.Data_atribuicao,end:item.Data_prevista,color:'green'})
        });
    }

    function organizaTarefas( x ){
        x.forEach(function(item){
            events.push({title:item.Assunto,start:item.Data_atribuicao,end:item.Data_prevista,color:'blue'})
        });
    }

    organizaTarefasAtribuidas(tarefasAtribuidas);
    organizaTarefas(tarefas);

    function addEvent(){
    events.push({title: 'testeAdd', start: '2018-11-15',color:'purple'});
    //atualizar dados
    $("#calendar").fullCalendar('removeEvents');
    $("#calendar").fullCalendar('addEventSource', events);
    $("#calendar").fullCalendar('rerenderEvents');
}

$(function() {

    // page is now ready, initialize the calendar...
    $('#calendar').fullCalendar({
        eventColor: 'green',
        events:events,
        eventClick: function(calEvent, jsEvent, view) {
            alert( calEvent.title  );
        },
        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Sep','Out','Nov','Dez'],
        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sabado'],
        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
        buttonText: { today: 'hoje', month: 'mês', week: 'semana', day: 'dia', list: 'lista' }
    });

});

'>
<script src='<?php echo base_url('assets/js/fullcalendar/moment.min.js')?>'></script>
<script src='<?php echo base_url('assets/js/fullcalendar/jquery.min.js')?>'></script>
<script src="<?php echo base_url('assets/js/fullcalendar/jquery-ui.custom.min.js')?>"></script>
    <script src='<?php echo base_url('assets/js/fullcalendar/fullcalendar.min.js')?>'></script>

1
  • Está errado sua instância fullcalendar. Commented 17/10/2019 às 12:36

1 Resposta 1

1

Forma correta de usar o FullCalendar

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar'); // o id da div que vai ser o calendário.

  var calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [ dayGrid ]
  });

  calendar.render();
});

Mais dúvidas segue a doc: https://fullcalendar.io/docs/initialize-globals

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .