dynamic appointments loading
This commit is contained in:
@@ -2,36 +2,24 @@
|
||||
from dash import html, dcc
|
||||
import dash
|
||||
from dash_using_fullcalendar import DashUsingFullcalendar
|
||||
|
||||
# dash.register_page(__name__, path="/appointments", name="Termine")
|
||||
# def layout(): # Als Funktion definieren
|
||||
# return html.Div([
|
||||
# dcc.Store(id="calendar-click-store"),
|
||||
# dcc.Store(id="calendar-event-store"),
|
||||
# dcc.Input(id="test-input"),
|
||||
# html.Div("TEST")
|
||||
# ])
|
||||
import dash_bootstrap_components as dbc
|
||||
|
||||
dash.register_page(__name__, path="/appointments", name="Termine")
|
||||
|
||||
layout = dbc.Container([
|
||||
dbc.Row([
|
||||
dbc.Col(html.H2("Dash FullCalendar mit Bootstrap 5"))
|
||||
dbc.Col(html.H2("Dash FullCalendar"))
|
||||
]),
|
||||
dbc.Row([
|
||||
dbc.Col(
|
||||
DashUsingFullcalendar(
|
||||
id='calendar',
|
||||
events=[
|
||||
{"id": "1", "title": "Meeting", "date": "2025-06-13T09:00:00"},
|
||||
{"id": "2", "title": "Workshop", "date": "2025-06-15T14:30:00"}
|
||||
],
|
||||
events=[],
|
||||
initialView="timeGridWeek",
|
||||
headerToolbar={
|
||||
"left": "prev,next today",
|
||||
"center": "title",
|
||||
"right": "dayGridMonth,timeGridWeek,timeGridDay"
|
||||
# "right": "dayGridMonth,timeGridWeek,timeGridDay"
|
||||
},
|
||||
height=600,
|
||||
locale="de",
|
||||
@@ -43,7 +31,7 @@ layout = dbc.Container([
|
||||
allDaySlot=False,
|
||||
firstDay=1,
|
||||
# themeSystem kann auf "bootstrap5" gesetzt werden, wenn das Plugin eingebunden ist
|
||||
themeSystem="bootstrap5"
|
||||
# themeSystem="bootstrap5"
|
||||
)
|
||||
)
|
||||
]),
|
||||
|
||||
Reference in New Issue
Block a user