gente, vi várias respostas nenhum funcionou. vou deixar o código abaixo para saber se alguém sabe como resolver.
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
/* className colors
className: default(transparent), important(red), chill(pink), success(green), info(blue)
*/
/* initialize the external events
-----------------------------------------------------------------*/
$('#external-events div.external-event').each(function() {
// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
// it doesn't need to have a start or end
var eventObject = {
title: $.trim($(this).text()) // use the element's text as the event title
};
// store the Event Object in the DOM element so we can get to it later
$(this).data('eventObject', eventObject);
// make the event draggable using jQuery UI
$(this).draggable({
zIndex: 999,
revert: true, // will cause the event to go back to its
revertDuration: 0 // original position after the drag
});
});
/* initialize the calendar
-----------------------------------------------------------------*/
var calendar = $('#calendar').fullCalendar({
header: {
left: 'title',
center: 'agendaDay,agendaWeek,month',
right: 'prev,next today'
},
editable: true,
firstDay: 1, // 1(Monday) this can be changed to 0(Sunday) for the USA system
selectable: true,
defaultView: 'month',
axisFormat: 'h:mm',
columnFormat: {
month: 'ddd', // Mon
week: 'ddd d', // Mon 7
day: 'dddd M/d', // Monday 9/7
agendaDay: 'dddd d'
},
titleFormat: {
month: 'MMMM yyyy', // September 2009
week: "MMMM yyyy", // September 2009
day: 'MMMM yyyy' // Tuesday, Sep 8, 2009
},
allDaySlot: false,
selectHelper: true,
select: function(start, end, allDay) {
$('#ExibirModal').modal('show');
$("#descricao").val("");
$("#codigo").val("");
$("#inicio").val("");
$("#fim").val("");
$("#start").val(start);
$("#end").val(end);
$("#allDay").val(allDay);
$( '#color-1' ).prop( "checked" , false);
$( '#color-2' ).prop( "checked" , false);
$( '#color-3' ).prop( "checked" , false);
$( '#color-4' ).prop( "checked" , false);
$("#Apagar").hide();
$("#atualizar").hide();
$("#Salvar").show();
$("#Salvar").click(function(){
if($('#color-1').is(':checked')){
var cor = 'success';
}if($('#color-2').is(':checked')){
var cor = 'info';
}
if($('#color-3').is(':checked')){
var cor = 'bg-warning';
}
if($('#color-4').is(':checked')){
var cor = 'important';
}
var title = $('#descricao').val();
if (title) {
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay,
className:cor
},
true // make the event "stick"
);
}
titulo='';
start='';
end='';
allDay=''
});
calendar.fullCalendar('unselect');
},
eventClick: function(start, end, allDay) {
$(function(){
$('.fc-event-inner').click(function(){
var id = $(this).attr('id');
$('#ExibirModal').modal('show');
$("#codigo").val(id);
$("#codigo").focus();
$("#descricao").focus();
$("#allDay").val(allDay);
$("#Apagar").show();
$("#atualizar").show();
$("#Salvar").hide();
});
});
calendar.fullCalendar('unselect');
},
droppable: true, // this allows things to be dropped onto the calendar !!!
drop: function(date, allDay) { // this function is called when something is dropped
// retrieve the dropped element's stored Event Object
var originalEventObject = $(this).data('eventObject');
// we need to copy it, so that multiple events don't have a reference to the same object
var copiedEventObject = $.extend({}, originalEventObject);
// assign it the date that was reported
copiedEventObject.start = date;
copiedEventObject.allDay = allDay;
// render the event on the calendar
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
// is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
},
events: [