如何在 Dash 应用程序中正确使用两个 DatePickerSingle

Question

希望你们一切都好。

我有两个 DatePickerSingle 我想在破折号应用程序中对它们进行整数处理，以进一步将它们用作过滤器。问题是我的 Dash 应用程序只返回第一个 DatePickerSingle 的值，而不是第二个 ..

from datetime import date
import dash
from dash.dependencies import Input, Output, State
import dash_html_components as html
import dash_core_components as dcc

Min_d =datetime.strptime(str(df_sub['From'].min()), "%Y-%m-%d %H:%M:%S")
Max_d = datetime.strptime(str(df_sub['From'].max()), "%Y-%m-%d %H:%M:%S")


app = dash.Dash(__name__)
app.layout = html.Div([
    html.H2("Date for the First period"),
    dcc.DatePickerRange(
        id='my-date-picker-range',
    min_date_allowed = date(2021,4,1),
    max_date_allowed = date(2021,9,30)
    ),
    
    html.H2("Date for the Second period"),
    
    dcc.DatePickerRange(
        id='my-date-picker-range2',
    min_date_allowed = date(2021,4,1),
    max_date_allowed = date(2021,9,30)
    ),
    
    
    html.Div(id='output-container-date-picker-range')
])


@app.callback(
    Output('output-container-date-picker-range', 'children'),
    
    Input('my-date-picker-range', 'start_date'),
    Input('my-date-picker-range', 'end_date'),
    Input('my-date-picker-range2', 'start_date2'),
    Input('my-date-picker-range2', 'end_date2')
)

def update_output(start_date , end_date , start_date2 , end_date2):
    
        return ( str(start_date) + '   ' + str(end_date)+ '   ' +str(start_date2)+ '   ' +  str(end_date2))  


if __name__ == '__main__':
    app.run_server(debug=False)

这是我运行应用程序时得到的结果：

Answer 1

问题在于这些行：

Input('my-date-picker-range2', 'start_date2'),
Input('my-date-picker-range2', 'end_date2')

start_date2 和 end_date2 不是 dcc.DatePickerRange 的有效属性，因此请将这些实例更改为 start_date 和 end_date。