获取ANTD Datepicker的值并显示在Alert中

Question

我是 React 的新手，我想创建 antd DatePicker，当我点击按钮时它会弹出，所以它没有输入。我想在警报消息中显示 Datepicker 的值。怎么做到的？

这是我的日期选择器代码

                                <DatePicker 
                                    id='date_p'
                                    format="YYYY-MM-DD HH:mm"
                                    disabledDate={disabledDate}
                                    disabledTime={disabledDateTime}
                                    showTime={{ defaultValue: moment('00:00', 'HH:mm'), format: 'HH:mm' }}  
                                    open={datePickerOpen}
                                    onOk={onConfirm}
                                    onChange = {onSelectDate}
                                    suffixIcon
                                    />

这是我的警报代码

<Alert message='You message will be send at' type="info" showIcon closable onClose={onClose}/>

感谢您的阅读。

Answer 1

onSelectDate 函数接受两个参数。第一个是时刻格式的日期，第二个是字符串格式的日期。您可以将其保存在本地状态并在类似 this

的警告消息中显示

获取ANTD Datepicker的值并显示在Alert中

Get the value of ANTD Datepicker and show in Alert

reactjs

antd