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

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

  •  3
  • Albert Lazaro de Lara Asteroid  · 技术社区  · 6 年前

    我在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 回复  |  直到 6 年前
        1
  •  4
  •   Triyugi Narayan Mani Harendra Kumar    6 年前

    您可以在 onChange 功能如下:

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

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

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

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