reactjs 如何从datepicker和andd获取选定范围类型

0lvr5msh 于 2022-12-22 发布在 React

关注(0)|答案(2)|浏览(114)

enter image description here
我已经显示了范围的所有字段

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

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

我试过onOK和onPanelChnages，但我没有找到一种方法来将选定的范围输入为字符串。

reactjs

来源：https://stackoverflow.com/questions/74859361/how-to-get-selected-ranges-type-from-datepicker-antd

2条答案

按热度按时间

dwthyt8l1#

https://ant.design/components/date-picker#rangepicker
根据官方文档，您可以使用onChange

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

赞(0）回复(0）举报 2022-12-22

kupeojn62#

使用这个希望它能解决你的问题

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}
   ...
 />

赞(0）回复(0）举报 2022-12-22

我来回答

reactjs 如何从datepicker和andd获取选定范围类型

2条答案

相关问题

热门标签

最新问答