$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultView:'agendaDay',
unselectAuto: false,
selectable: true,
selectHelper: false,
editable: true,
droppable: true, // this allows things to be dropped onto the calendar
drop: function() { },
eventRender: function(event, element) {
element.find(".fc-content").append("<span class='close' data-id='" + event._id +"'>x</span>");
},
eventResize:function( event, jsEvent, ui, view ) {
console.log("event",event);
alert("StartTime : "+new Date(event.start));
eve = "Channel name : "+ event.title;
s = "StartTime : "+new Date(event.start);
ee = " End "+new Date(event.end);
alert(eve+"\n"+s+"\n"+ee);
<!--alert("Event : "+ event.title+" StartTime : "+new Date(event.start)+" End "+new Date(event.end));-->
},
});
});
// remove event on click in calender
$(document).on('click', '.close', function(){
debugger;
var id = $(this).data('id');
$('#calendar').fullCalendar('removeEvents', id);
$(this).parent().remove();
});
$("#btnReset").click(function() {
$('#calendar').fullCalendar('removeEvents');
});
我希望在将事件放入日历后显示结束时间 以及如何获得完整的日历事件详细信息(即)事件名称和开始&amp;单个警报框中每个事件的结束时间?
答案 0 :(得分:0)
请参阅fullCalendar事件对象documentation,其中是与事件
相关的属性列表你可以使用drop事件:
eventDrop: function (event, dayDelta, minuteDelta) {
alert(event.end + ' formated date: ' +$.fullCalendar.formatDate(event.end, 'YYYY-MM-DD'));
}
并通过警报显示任何事件属性。