Ant design：从 onChange 中的日期选择器获取 Id

Question

我在 React-Redux 应用程序中有一个包含多个日期选择器的表单，我需要知道已使用的日期选择器的 ID。

创建日期选择器后，我可以为 onChange 方法分配一个函数（此方法有两个参数（日期）可供使用）。

<DatePicker
   title={field.title}
   placeholder={field.title}    
   format={"YYYY/MM/DD"}
   size={params.fieldsize}
   onChange={this.handleDatePickerChange}
/>

我需要在 handleDatePickerChange 函数中检索日期选择器的 ID：

handleDatePickerChange = (date, dateString) => {
   // get the id
   ...
}

(date, dateString)是返回回调函数的参数。请参阅 https://ant.design/components/date-picker/#DatePicker

中的 onChange 方法

A callback function, can be executed when the selected time is changing.

我该怎么做？

Answer 1

您可以在 onChange 函数中发送一个额外的变量，如下所示：

onChange={(date, dateString) => this.handleDatePickerChange(date, dateString, 1)}

然后在handleDatePickerChange方法中你可以得到它如下：

handleDatePickerChange = (date, dateString, id) => {
   console.log(id);
   ...
}

我在 codesandbox.io 上创建了一个演示。

Ant design：从 onChange 中的日期选择器获取 Id

Ant design: get Id from datepicker in onChange

datepicker

reactjs

redux

antd