如何在fullcalender JS中从视图中删除allDay? [英] How to remove allDay from view in fullcalender JS?

问题描述

我正在尝试构建一个在fullcalendar中创建事件的应用程序.我不允许用户在客户端完全创建"allDay"事件，但他们仍然可以在视图中看到它.有什么方法可以从视图中完全删除allDays?

I am trying to build an application that creates events within fullcalendar. I don't allow user to create an "allDay" event at all at the client side but they still can see it within the view. Is there any method to remove allDays from views completely?

function initCalendar {
    if (!jQuery().fullCalendar) {
        return;
    }

    var date = new Date(),
        started,
        ended

    var header = {};

    var calendar = $('#calendar').fullCalendar({
        header: header,
        selectable: true,
        selectHelper: true,

        select: function (start, end, allDay) {
            $('#fc_create').click();
            var dateStart = start; 
            var dateEnd = end;

            $(".antosubmit").on("click", function() {
                var title = $("#reservation-title").val();

                if (title) {
                    var event = {
                        editable: true,
                        title: title,
                        start: dateStart,
                        end: dateEnd,
                        allDay: false
                    }

                    calendar.fullCalendar('renderEvent', event, true);
                    calendar.fullCalendar('unselect');
                    #('.antoclose').click();

                    return false;
                }
                else {
                    ////alert here
                }
            })
        }
    })
}

推荐答案

来自文档:

allDaySlot: false

https://fullcalendar.io/docs/agenda/allDaySlot/

这篇关于如何在fullcalender JS中从视图中删除allDay?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！