如何从 ANTD.DESIGN 的 RangePicker 获取 startDate 和 endDate答案

【问题标题】：How To Get startDate and endDate from RangePicker from ANTD.DESIGN如何从 ANTD.DESIGN 的 RangePicker 获取 startDate 和 endDate
【发布时间】：2018-08-26 13:32:10
【问题描述】：

我正在做一个 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 Selected ？

感谢您的宝贵帮助。

【问题讨论】：

标签： javascript reactjs antd daterangepicker

【解决方案1】：

从文档来看，这是 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);
}

【讨论】：