获取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函数接受两个参数。第一个是即时格式的日期，第二个是字符串格式的日期。您可以将其保存在本地状态，并在类似的警报消息中显示