javascript - 如何从ANTD.DESIGN的RangePicker获取startDate和endDate

我正在处理一个React js项目，并且正在使用antd.design库显示RangePicker
我要解决的是当用户选择句点时如何从RangePicker获取开始日期和结束日期
那是我的代码：

            handleChangeDebut =range => {
    const valueOfInput1 = moment(range.startDate).format();
    const valueOfInput2 = moment(range.endDate).format();
    console.log('start date',valueOfInput1);
    console.log("end date",valueOfInput2);
  }

      <DatePicker.RangePicker
                  style={{ width: "100%" }}
                  getPopupContainer={trigger => trigger.parentNode}
                  onChange={this.handleChangeDebut}
                />

问题出在我的handleChange函数上，我总是得到当天的日期
antd设计中是否有任何属性可以使我们选择startDate和EndDate？

谢谢您的宝贵帮助。

最佳答案

在文档中，这是onChange函数function(dates: moment, moment, dateStrings: string, string)的签名，看起来开始日期和结束日期在第一个参数中作为数组传递：

handleChangeDebut = (range) => {
    const valueOfInput1 = range[0].format();
    const valueOfInput2 = range[1].format();

    console.log('start date',valueOfInput1);
    console.log("end date",valueOfInput2);
}

关于javascript - 如何从ANTD.DESIGN的RangePicker获取startDate和endDate，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52026747/