DatePicker-哪个更改了?

时间:2018-06-27 18:31:03

标签: datepicker antd

我有一个来自ant-design的带有多个DatePicker组件的表单。在大多数情况下都有效。
问题在于它们都绑定到相同的onChange事件处理程序(为简单起见,并且因为它们都在循环中呈现)。我正在顺利通过日期(事件处理程序的参数2),但我似乎无法确定是5个日期选择器中的哪个触发了更改。
这是一个问题,因为我需要将日期与之关联的行上还有其他数据。我添加了一个名称属性,但是它没有传递给处理程序grrrr,因此它对我没有任何好处。

那么,有谁知道如何获取触发onChange事件的(antd)日期选择器的名称,或者知道某个日期选择器确实将其名称传递给了onChange事件,或者甚至将其本身传递给onChange事件,以便我可以分辨出一改了?

1 个答案:

答案 0 :(得分:1)

问题解决了。关闭营救。 h

onDateChangeHandler = (id) =>{
    var self = this;
    return function(mmmt, ds){
        self.setState({ [id]: ds })
    }
}

,然后在我的循环中设置日期选择器:

<DatePicker size='default' name={"date_" + i} onChange={this.onDateChangeHandler("date_" + i)} />

那给了我我想要的结果。