如何让 React-Dates DayPicker 单个 DateController 与自定义输入一起使用

问题描述 投票:0回答:1

如何使用自定义输入的爱彼迎日期选择器来打开和关闭日历?

这是自定义日期输入https://airbnb.io/react-dates/?path=/story/daypickersingledatecontroller--with-custom-input

我希望它像这个例子一样工作:https://airbnb.io/react-dates/?path=/story/sdp-input-props--default

日历应该针对自定义输入打开和关闭,就像使用内置日历一样

javascript reactjs react-dates
1个回答
0
投票

您可以使用 DayPickerRangeController 来实现此目的。它仅返回日历,当用户单击自定义输入字段或其他内容时,您可以显示它。

检查这个例子 https://gist.github.com/osifo/984cd60dce5d6abb49b6923ffa580638

文档: DayPickerRangeController:https://github.com/react-dates/react-dates?tab=readme-ov-file#daypickerrangecontroller

© www.soinside.com 2019 - 2024. All rights reserved.