Question

我正在使用Fullcalendar在我的应用程序中显示事件，但我也想用它来安排资源，但我需要能够以5分钟的间隔安排这些资源。日历（周/日视图）是否可以配置为渲染5分钟时隙而不是默认的30分钟时间间隔？

如果是这样，拖动也可以以相同的间隔配置吗？

Answer 1

我正在使用fullcalendar的2.11版并设置5分钟的间隔，我必须设置slotDuration格式＆＃39; hh：mm：ss＆＃39;

$('#mycalendar').fullCalendar({
    ...
    slotDuration: '00:05:00', 
    ...
});

Answer 2

在2.3.2版本中（我没有查看以前的版本），您可以执行以下操作：

def configuracion():
global imagen_local,imagen_visita, window,logos,a
window = Toplevel(app)
window.resizable(width=False,height=False)
window.iconbitmap(sources.get_path("images","ico"))
logos = {
    "Boston Celtics":sources.get_image("Boston Celtics","equipos"),
    "Charlotte Bobcats":sources.get_image("Charlotte Bobcats","equipos"),
    "Chicago Bulls":sources.get_image("Chicago Bulls","equipos"),
    "Cleveland Cavaliers":sources.get_image("Cleveland Cavaliers","equipos"),
    "Dallas Mavericks":sources.get_image("Dallas Mavericks","equipos"),
    "Detroit Pistons":sources.get_image("Detroit Pistons","equipos"),
    "Los Angeles Lakers":sources.get_image("Los Angeles Lakers","equipos"),
    "Miami Heat":sources.get_image("Miami Heat","equipos"),
    "Minnesota Timberwolves":sources.get_image("Minnesota Timberwolves","equipos"),
    "New Orleans Hornets":sources.get_image("New Orleans Hornets","equipos"),
    "New York Knicks":sources.get_image("New York Knicks","equipos"),
    "Toronto Raptors":sources.get_image("Toronto Raptors","equipos"),
    "Washington Wizards":sources.get_image("Washington Wizards","equipos"),
    "New Jersey Nets":sources.get_image("New Jersey Nets","equipos")
}
def ac_im(event):
    global imagen_local,imagen_visita,logos,a
    imagen_local = logos[equipo1.get()]
    imagen_visita = logos[equipo2.get()]
    return 0

equipos_list=["Boston Celtics","Charlotte Bobcats","Chicago Bulls","Cleveland Cavaliers","Dallas Mavericks","Detroit Pistons","Los Angeles Lakers","Miami Heat","Minnesota Timberwolves","New Orleans Hornets","New York Knicks","New Jersey Nets","Toronto Raptors","Washington Wizards"]

equipo1 = StringVar()
equipo2 = StringVar()

equipo1.set(equipos_list[0])
equipo2.set(equipos_list[-1])

list_equipo1 = OptionMenu(window, equipo1,*equipos_list,command=ac_im)
list_equipo2 = OptionMenu(window, equipo2,*equipos_list,command=ac_im)

list_equipo1.grid(row=1,column=0)
list_equipo2.grid(row=1,column=2)

###
imagen_local = sources.get_image(equipo1.get(),"equipos")
imagen_visita = sources.get_image(equipo2.get(),"equipos")

imagen_local_packed = Label(window,image=imagen_local)
imagen_visita_packed = Label(window,image=imagen_visita)
vs = Label(window,text="     Vs     ",font=("Consolas",30)).grid(row=0,column=1)

imagen_local_packed.grid(row=0,column=0)
imagen_visita_packed.grid(row=0,column=2)



window.protocol("WM_DELETE_WINDOW", retornar)
window.mainloop()
return 0

slotDuration 会将网格显示更改为 30分钟。 snapDuration 更有趣：它会以 5分钟的间隔更改开始和结束次拖动事件。

假设您的活动从上午10:00开始，在上午10:30结束。使用上面的配置，如果你向上拖动事件（只是一点点），新的时间将是：从上午10:05开始，到上午10:35结束，依此类推。

您可以在http://fullcalendar.io/docs/agenda/snapDuration/找到更多详细信息。

Answer 3

我不确定拖动，但是对于日历...是的，您可以更改时间段的大小，在fullcalendar配置中包含slotMinutes属性，如

$('#mycalendar').fullcalendar({
    ...
    slotMinutes: 5,
    ...
});

我希望这有帮助！

Fullcalendar时间间隔

3 个答案: