Как получить startDate и endDate из RangePicker из ANTD.DESIGN

я работаю над реактивным проектом 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?

Спасибо за вашу драгоценную помощь.


reactjs javascript antd daterangepicker
person Maryem Samet    schedule 26.08.2018    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Из документации это подпись функции 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);
}
person Anas    schedule 26.08.2018