Question

我想知道是否可以在其他时间00:00开始FullCalendar时段？我有一个应用程序，用户可以选择FullCalendar插槽持续时间（15分钟，30分钟，或用户想要的）。用户还可以定义可用于做出一些承诺的时间范围。问题是：agendada视图槽位于00:00开始。让我们假设用户会将一系列可用时间注册到10:00开始的承诺。时钟。根据用户选择的插槽持续时间，可能不会显示10:00 o时钟线。根据我的需要，可以在10点钟或其他时间启动FullCalendar插槽吗？

Answer 1

要在已呈现日历时更改选项，您需要先破坏日历，更改选项，然后再次构建日历。你可以这样做：

//This is (a mockup of) the creation of the calendar
var conf = { slotMinutes: 30 };
$('#calendar').fullCalendar(conf);

//When you need to dynamically change one or more options
$('#calendar').fullCalendar('destroy')
conf.scrollTime = '10:00:00';
$('#calendar').fullCalendar(conf);

Answer 2

您可以将日历用作功能。

 function renderCalendar(min, max, slot) {

    $('#calendar').fullCalendar('destroy');  // this is used to refresh (destroy and recreate)
    var mintime = (min == "") ? '00:00:00'  : min;  // set user selected time else default time
    var maxtime = (max === "") ? '24:00:00'  : max; // set user selected time else default time
    var slotToDisplay = (slot === undefined) ? '00:10:00'  : slot;      // if slot is undefined then use default slot timing          

            $('#calendar').fullCalendar({

                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                },
                windowResize: true,
                allDaySlot: true,
                slotDuration: slotToDisplay,
                minTime: mintime,
                maxTime: maxtime,
                buttonIcons: false,
                editable: true,
                ...
             });
 }

然后当用户选择时隙时。你把它传递给这样的日历。

 renderCalendar(10:30:00, 18:30:00, 00:10:00);  // you can pass time based on user selects the time.

如何在agendaDay视图中使用特定时间段启动JQuery FullCalendar？

2 个答案: