from datetime import datetime, timedelta
import dash
import dash_bootstrap_components as dbc
import dash_core_components as dcc
import dash_html_components as html
SUNDAYS = [datetime(2018, 11, 4) + timedelta(7 * i) for i in range(4)]
app = dash.Dash()
app.layout = dbc.Container([
html.H1("Date picker testing"),
html.H3("DatePickerSingle"),
html.H6("Medium"),
dbc.DatePickerSingle(initial_visible_month=datetime(2018, 1, 1)),
html.Br(),
html.H6("Small"),
dbc.DatePickerSingle(initial_visible_month=datetime(2018, 1, 1),
bs_size="sm"),
html.Br(),
html.H6("Large"),
dbc.DatePickerSingle(initial_visible_month=datetime(2018, 1, 1),
bs_size="lg"),
html.Br(),
html.H3("DatePickerRange"),
html.H6("Medium"),
dbc.DatePickerRange(initial_visible_month=datetime(2018, 1, 1)),
html.Br(),
html.H6("Small"),
dbc.DatePickerRange(initial_visible_month=datetime(2018, 1, 1),
dbc.Form(children=[email_input_row, password_input_row],
className="mt-2 p-2 bg-light"),
dbc.Form(children=[
dbc.FormGroup([
dbc.Label("Email", className="mr-2"),
dbc.Input(type="email", placeholder="Enter email")
],
className="mr-3"),
dbc.FormGroup([
dbc.Label("Password", className="mr-2"),
dbc.Input(type="password", placeholder="Enter password")
],
className="mr-3"),
dbc.FormGroup([
dbc.Label("Date", className="mr-2"),
dbc.DatePickerSingle(id="date-picker-inline",
date=datetime.date(2018, 10, 17))
],
className="mr-3"),
dbc.FormGroup([
dbc.Label("Date", className="mr-2"),
dcc.DatePickerRange(id="date-picker-range",
start_date=datetime.datetime(1997, 5, 3),
end_date_placeholder_text="Select!")
],
className="mr-3"),
],
inline=True,
className="mt-2 p-2 bg-light"),
# 表单类 ========================================================================================
html.Div(children=[
dbc.Form(children=[email_input_row, password_input_row],
className="mt-2 p-2 bg-light"),
dbc.Form(children=[
dbc.FormGroup([
dbc.Label("Email", className="mr-2"),
dbc.Input(placeholder="Enter email", type="email")
],
className="mr-3"),
dbc.FormGroup([
dbc.Label("Password", className="mr-2"),
dbc.Input(placeholder="Enter password", type="password")
],
className="mr-3"),
dbc.FormGroup([
dbc.Label("Date", className="mr-2"),
dbc.DatePickerSingle(date=datetime.date(2018, 10, 17))
],
className="mr-3"),
dbc.FormGroup([
dbc.Label("Date", className="mr-2"),
dcc.DatePickerRange(start_date=datetime.datetime(1997, 5, 3),
end_date_placeholder_text="Select!")
],
className="mr-3"),
],
inline=True,
className="mt-2 p-2 bg-light"),
# 表单类 ========================================================================================
html.Div(children=[
dbc.Label("Slider", html_for="slider"),