如何在日历中自动丢弃事件后获取结束时间?

时间:2017-05-23 10:21:40

标签: javascript jquery fullcalendar

$('#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;单个警报框中每个事件的结束时间?

Complete source code in fiddle

1 个答案:

答案 0 :(得分:0)

请参阅fullCalendar事件对象documentation,其中是与事件

相关的属性列表

你可以使用drop事件:

eventDrop: function (event, dayDelta, minuteDelta) {
            alert(event.end + ' formated date: ' +$.fullCalendar.formatDate(event.end, 'YYYY-MM-DD'));


}

并通过警报显示任何事件属性。