如何从日期选择器中获取选定的范围类型

Question

输入图片描述

我已经显示了范围

的所有字段

onCalendarChange={onCalendarChange}
onChange={onChangeDate}
onOpenChange={handleOpenChange}
open={forceOpen}
placeholder={PLACEHOLDER}
ranges={ranges}
ref={pickerRef}
separator="-"
size="small"
value={value}

**我的问题是如何从日期选择器中获取所选范围。

我已经尝试过onOK和onpanelchanges，但我没有找到一种方法来获得选定的范围类型为字符串。

Answer 1

https://ant.design/components/date-picker#rangepicker

根据官方文档，您可以使用onChange

onChange={(dates, dateString)=> console.log(dates, dateString)}

Answer 2

希望它能解决你的问题

const onCalendarChange = (dates, dateStrings) => {
console.log(dates);  // this will contain the selected range (start date 
and end date)
console.log(dateStrings);  // this will contain the selected range as 
strings (e.g. "2022-12-20 - 2022-12-30")
};
<DatePicker
onCalendarChange={onCalendarChange}
ranges={ranges}
...
/>