Fullcalendar没有正确显示日/周时间

时间:2015-08-11 14:18:14

标签: jquery mysql fullcalendar

我正在使用fullcalendar制作一个广告系统,当您在当时举办活动时,该系统会在您的手机中显示提醒。 我创建了一个可以放置事件的Web,然后系统将它们保存在MySQL数据库中。 它运行良好,保存开始和结束时间(和天),但是,当我点击日或周视图并选择一个小时范围时,在我输入事件名称后,选择将转到allDay块。 然后,如果我刷新网页,它会在0:00-2:00空间显示该事件,无论您之前的大小(以小时为单位)。 无论如何,在数据库中,它正确保存,移动警报运行良好。 我认为这是“默认配置”的错误配置。显示选项,但我无法找到它。

这是主页上的代码。

//Fullcalendar script
$(document).ready(function() {
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        var calendar = $('#calendar').fullCalendar({
            editable: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            events: "events.php",

            // Convert the allDay from string to boolean
            eventRender: function(event, element, view) {
                if (event.allDay === 'true') {
                    event.allDay = true;
                } else {
                    event.allDay = false;
                }
            },
            selectable: true,
            selectHelper: true,
            select: function(start, end, allDay) {
                var title = prompt('Aviso:');
                //var url = prompt('Type Event url, if exits:');
                if (title) {
                    var start = $.fullCalendar.moment(start).format();
                    var end = $.fullCalendar.moment(end).format();
                    $.ajax({
                        url: 'add_events.php',
                        data: 'title='+ title+'&start='+ start +'&end='+ end,
                        type: "POST",
                        success: function(json) {
                            alert('Añadido Correctamente\n\nSi desactivas la opción de crear dialogos adicionales no podrás añadir, editar o borrar eventos en el futuro.');
                        }
                    });
                    calendar.fullCalendar('renderEvent',
                        {
                           title: title,
                           start: start,
                           end: end,
                           allDay: allDay
                        },
                        true // make the event "stick"
                    );
                }
                calendar.fullCalendar('unselect');
            },

            editable: true,
            eventDrop: function(event, delta) {
                var start = $.fullCalendar.moment(start).format();
                var end = $.fullCalendar.moment(end).format();
                $.ajax({
                    url: 'update_events.php',
                    data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
                    type: "POST",
                    success: function(json) {
                        alert("Actualizado correctamente\n\nSi desactivas la opción de crear dialogos adicionales no podrás añadir, editar o borrar eventos en el futuro.");
                    }
                });
            },
            eventClick: function(event) {
                var decision = confirm("¿Seguro que queieres hacerlo?"); 
                if (decision) {
                    $.ajax({
                        type: "POST",
                        url: "delete_event.php",
                        data: "&id=" + event.id,
                        success: function(json) {
                            $('#calendar').fullCalendar('removeEvents', event.id);
                            alert("Actualizado correctamente\n\nSi desactivas la opción de crear dialogos adicionales no podrás añadir, editar o borrar eventos en el futuro.");
                        }
                    });

                }
            },
            eventResize: function(event) {
                var start = $.fullCalendar.moment(start).format();
                var end = $.fullCalendar.moment(end).format();
                $.ajax({
                    url: 'update_events.php',
                    data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
                    type: "POST",
                    success: function(json) {
                        alert("Actualizado correctamente\n\nSi desactivas la opción de crear dialogos adicionales no podrás añadir, editar o borrar eventos en el futuro.");
                    }
                });
            }
        });
    });

我不知道你是否需要任何其他文件。

提前感谢您的帮助。

编辑: 我删除了allDay:allDay here:

calendar.fullCalendar('renderEvent',
                    {
                       title: title,
                       start: start,
                       end: end,
                       allDay: allDay
                    },
                    true // make the event "stick"
                );

现在,当我创建它时,事件不会转到allDay块空间,但是当我刷新页面时,它仍会显示在0:00到2:00空间。

0 个答案:

没有答案