javascript Adicionar data final ao full calendar

[AndersonWS 10]

Amigos usei um script full calendar que eu tinha aqui e nem lembro onde busquei para um trabalho recente e ele funciona bem porém não sei como inserir eventos que iniciam em um dia e terminam em outro.

Segue o código:

<script>
       $(document).ready(function() {	
           	
            //CARREGA CALENDÁRIO E EVENTOS DO BANCO
            $('#calendario').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                defaultDate: '2017-05-09',
                editable: true,
                eventLimit: true, 
                events: 'eventos.php',           
                eventColor: '#dd6777'
            });	
            
            //CADASTRA NOVO EVENTO
            $('#novo_evento').submit(function(){
                //serialize() junta todos os dados do form e deixa pronto pra ser enviado pelo ajax
                var dados = jQuery(this).serialize();
                $.ajax({
                    type: "POST",
                    url: "cadastrar_evento.php",
                    data: dados,
                    success: function(data)
                    {   
                        if(data == "1"){
                            alert("Cadastrado com sucesso! ");
                            //atualiza a página!
                            location.reload();
                        }else{
                            alert("Houve algum problema.. ");
                        }
                    }
                });                
                return false;
            });	
			
	   }); 
                
    </script>
 <div id='calendario'>
        <br/>
        <form id="novo_evento" action="" method="post">
            Nome do Evento: <input type="text" name="nome" required/><br/><br/>            
            Data do Evento: <input type="date" name="data" required/><br/><br/>            
            <button type="submit"> Cadastrar novo evento </button>
        </form>
 </div>

<?php
    //Conectando ao banco de dados
    include "conexao.php";
    
    $consulta = $conexao->query("SELECT * FROM eventos;"); 

    while ($linha = $consulta->fetch(PDO::FETCH_ASSOC)) { 
        $vetor[] = $linha;
     }

    //Passando vetor em forma de json
    echo json_encode($vetor);
    
?>

Minha pergunta é como faço ele cadastrar a data final que não seja o mesmo dia?
Quero que fique por exemplo: Inicio do evento dia 10/05/2017 e final do evento dia 14/05/2017.

 

Agradeço a todos desde já.

 

Achei a maneira de colocar data final diferente porém agora falta a hora.

// mudei no banco de dados:
// id     title     start     end     minTime     maxTime
// start = data de inicio
// end = data final

https://fullcalendar.io/docs/

Achei o site mas não achei o que preciso, ou não entendi.

Alguém sabe? Pode mostrar um exemplo talvez?

[AndersonWS 10]

Achei um exemplo de como colocar o modal pra abrir o evento:
bootstrap-modal
 

Mas ainda não sei como colocar a hora de inicio e de fim.

Uma ideia de quem sabe?

[AndersonWS 10]

Um outro problema que não estou sabendo como fazer.
Para "jogar" os dados no modal fiz isso:

// javascript
eventClick:  function(event, jsEvent, view) {
					$('#modalTitle').html(event.title);
					$('#modalBody').html(event.description);
					$('#eventUrl').attr('href',event.url);
					$('#fullCalModal').modal();
				    return false;
                }

// html modal
<div id="modalBody" class="modal-body"></div>

O problema é que as formatações html não funcionam e não sei como resolver pois o negrito, por exemplo, aparece assim:

<b>Evento</b> e não como negrito.

O problema deve ser na função javascript, alguma ajuda?

 

[wootzor 103]

1 hora atrás, AndersonWS disse:

 

O problema é que as formatações html não funcionam e não sei como resolver pois o negrito, por exemplo, aparece assim:

<b>Evento</b> e não como negrito.

O problema deve ser na função javascript, alguma ajuda?

 

 

Como estás a colocar as tags no HTML? Assim deverá funcionar.

[AndersonWS 10]

1 hora atrás, wootzor disse:

 

Como estás a colocar as tags no HTML? Assim deverá funcionar.

Eu uso um editor WYSIWYG e salvo a descrição do evento contendo tags html como <p>,<b>,<img>, etc.

Agora aparece em negrito mas assim:

<p><img alt="" src="/nvsite/adm/kcfinder/upload/images/CB_ERE.jpg" style="float:left; height:1274px; margin:5px; width:900px" />Como adocemos?</p>

Não quero colocar tags mas sim que mostre o que já tem formatado ao invés de texto corrido.