Fullcalendar添加事件

Question

嗨，我需要从jquery weekcalendar切换到fullcalendar，但是我在理解如何添加新事件方面遇到了困难。在weekcalendar中很容易，我触发addEvent函数，打开对话框，在那里我有我的表单并使用ajax保存所有内容。我还有一个selectbox，其中包含第一小时和当天结束小时的设置中的所有时间。在fullcalendar中是否可能有类似的东西？Weekcalendar具有getTimeslotTimes()函数来处理时间，并且很容易操作它，fullcalendar中这样的函数名称是什么？

干杯

- pavan

Answer 1

您可以使用dayclick事件：

var calendar = $('#calendar');
calendar.fullCalendar({
    dayClick: function(date, allDay, jsEvent, view) {
        calendar.fullCalendar('renderEvent', { title: 'YOUR TITLE', start: date, allDay: true }, true );
    }
});

- Harlley Oliveira

---

这对我不起作用，我遇到了错误：calendar.fullCalendar不是一个函数。 - Lydia halls

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://momentjs.com/downloads/moment.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.js'></script>
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css" />
$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    //defaultDate: '2014-06-12',
    defaultView: 'month',
    editable: true,
    events: [
        {
            title: 'All Day Event',
            start: '2019-11-11'
        },
        {
            title: 'Long Event',
            start: '2019-09-09',
            end: '2019-11-11'
        },
        {
            id: 999,
            title: 'Repeating Event',
            start: '2019-06-11T16:00:00'
        },
        {
            id: 999,
            title: 'Repeating Event',
            start: '2019-06-11T16:00:00'
        },
        {
            title: 'Meeting',
            start: '2019-06-11T10:30:00',
            end: '2014-06-12T12:30:00'
        },
        {
            title: 'Lunch',
            start: '2019-11-12T12:00:00'
        },
        {
            title: 'Birthday Party',
            start: '2019-11-13T07:00:00'
        },
        {
            title: 'Click for Google',
            url: 'http://google.com/',
            start: '2019-11-28'
        }
    ]
});

- Pankaj Upadhyay