Estou utilizando o fullCalendar
para fazer um cadastro de eventos.
Porém acontece o seguinte, se eu clico em um dia especifico aparece um modal com formulário para eu gravar os dados no banco de dados, até ai tudo bem ele insere no banco.
Mas se eu clicar em um dia do calendário e depois em outro qualquer que seja para depois eu cadastrar o evento ele cadastra os dados com a data do dia anterior que eu cliquei e gera um registro em branco com a outra data clicada.
Alguém pode me dar uma luz quanto a isto por favor?
Segue abaixo o código que estou usando:
OBS: já tentei retirar o evento submit do form de dentro do select:function(){}
mas não funcionou pois preciso das variáveis que vem como parâmetro (start,end)
que são as datas que são gravadas no banco.
$(document).ready(function() {
var currentLangCode = 'pt-br';
// build the language selector's options
$.each($.fullCalendar.langs, function(langCode) {
$('#lang-selector').append(
$('<option/>')
.attr('value', langCode)
.prop('selected', langCode == currentLangCode)
.text(langCode)
);
});
// rerender the calendar when the selected option changes
$('#lang-selector').on('change', function() {
if (this.value) {
currentLangCode = this.value;
$('#calendar').fullCalendar('destroy');
renderCalendar();
}
});
function renderCalendar() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: Date(),
selectable: true,
selectHelper: false,
select: function(start, end) {
$("#myModal").modal('show');
$("#eventForm").on('submit',function() {
var dados = $(this).serialize();
$.ajax({
type: "POST",
url: "eventos.php",
data: dados+"&start="+start.format("YYYY-MM-DD HH:mm:ss")+"&end="+end.format("YYYY-MM-DD HH:mm:ss"),
dataType: 'json',
success: function( data )
{
console.log(data);
/*var eventData;
if (data.title) {
if (start.format("hh:mm:ss") == end.format("hh:mm:ss")) {
eventData = {
title: data.title,
start: start.format("YYYY-MM-DD"),
end: end.format("YYYY-MM-DD"),
content: data.content
};
}else{
eventData = {
title: data.title,
start: start,
end: end,
content: data.content
};
}
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
}*/
$('#calendar').fullCalendar('unselect');
}
});
this.reset();
$("#myModal").modal("hide");
$('#calendar').fullCalendar('unselect');
return false;
});
},
eventClick: function(event) {
$(this).popover({html:true,title:event.title,placement:'top',container:'body',content: event.content}).popover();
},
lang: currentLangCode,
buttonIcons: false, // show the prev/next text
weekNumbers: true,
editable: false,
eventLimit: true, // allow "more" link when too many events
events: {
url: 'fullcalendar/demos/php/get-events.php',
},
loading: function(bool) {
$('#loading').toggle(bool);
}
});
}
renderCalendar();
});