FullCalendar jQuery!我可以通过点击选择只有一个时隙吗?

时间:2012-10-31 02:26:16

标签: jquery user-interface calendar fullcalendar timeslots

http://arshaw.com/fullcalendar/

制作的日历“FullCalendar”中

我需要用户只能通过点击agendaWeek查看模式选择一个时隙!

2 个答案:

答案 0 :(得分:1)

您可以提供的信息越多,我们可以提供的相关答案就越多。根据我的理解,您可以通过将dayclick与select方法结合使用来实现此目的。 http://arshaw.com/fullcalendar/docs/selection/select_method/

使用dayclick监听批次选择,然后使用select方法选择给定的时间段。我自己没有测试过,但从理论上说它应该可行。

答案 1 :(得分:0)

首先定义你的插槽分钟

MINUTES_FOR_SLOT = 60;

然后使用分钟插槽创建日历,并验证所选开始日期和结束日期之间的差异,如果分钟差异大于MINUTES_FOR_SLOT则返回false

           $('#calendar').fullCalendar({
                defaultView  : 'agendaWeek',
                slotMinutes  : MINUTES_FOR_SLOT,
                select: function(start, end) {

                    var a = moment(start.toString("yyyy-MM-dd HH:mm"));
                    var b = moment(end.toString("yyyy-MM-dd HH:mm"));
                    var diffMinutes = b.diff(a, 'minutes')
                    if(diffMinutes > MINUTES_FOR_SLOT) {
                        alert("multiple slot selection is not available");
                        return false;            
                    }
                },
             });