代码之家 › 专栏 › 技术社区 › Albert Lazaro de Lara Asteroid

Ant设计:在onChange中从datepicker获取Id

antd datepicker redux reactjs

3

Albert Lazaro de Lara Asteroid · 技术社区 · 7 年前

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

创建日期选择器时,我可以为 onChange 方法(此方法有两个要使用的参数(日期)。

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

我需要在 handleDatePickerChange 功能:

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

(date,dateString)是返回回调函数的参数。参见更改方法 https://ant.design/components/date-picker/#DatePicker

回调函数,可在所选时间更改时执行。

我该怎么做?

1 回复 | 直到 7 年前

1

4

Triyugi Narayan Mani Harendra Kumar 7 年前

您可以在 onChange 功能如下:

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

然后进去 handleDatePickerChange 方法可以得到如下所示:

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

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