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

Я работаю над проектом React js, и я использую библиотеку antd.design, чтобы показать RangePicker что я пытаюсь решить, так это как я могу получить дату начала и дату окончания из этого RangePicker, когда пользователь выбирает период это мой код:

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

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

проблема в моей функции handleChangeEvent, я всегда получаю дату текущего дня есть ли какие-либо атрибуты в дизайне antd, которые дают нам startDate и EndDate Selected?

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

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
1 680
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Из документации это подпись функции onChange function(dates: moment, moment, dateStrings: string, string). Похоже, дата начала и окончания передаются в виде массива в первом параметре:

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

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

Другие вопросы по теме