1

我使用 Datapicker 组件： https ://developer.microsoft.com/en-us/fluentui#/controls/web/datepicker

在一种形式中，我使用多个 DatePicker 组件，例如 startDate、endDate 等。

我这样称呼 DatePicker 组件：

 <DatePicker
            label="Start date"
            id="dateFrom"
            name="dateFrom"
            onSelectDate={props.onChangeDatePicker}
            value={new Date(props.entity.datumFrom)}
          />

文档说 onSelectData 回调函数只给出一个选定的日期作为参数。

onSelectDate - (日期: 日期 | null | 未定义) => void

没有返回的事件可以帮助我知道选择了以下哪些日期选择器。

例如，此功能存在于具有 onChange 方法的 TextField 组件中：

onChange- (event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => void

当我有事件时，我可以调用event.target.name和event.target.value来获取所需的信息。

有没有办法获取事件或其他对象，以便我知道调用了哪个日期选择器组件？

4

1 回答 1

0

尝试这个：

  handleDateSelection = (e) => {
    console.log(e)
}

<DatePicker
        label="Start date"
        id="dateFrom"
        name="dateFrom"
        onSelectDate={this.handleDateSelection}
        value={new Date(props.entity.datumFrom)}
      />

安慰

于 2021-03-04T08:11:30.647 回答