如何解决反应日期选择器样式
我的网页中有一个 react datepicker (https://reactdatepicker.com/) 组件。
理想情况下,当我点击日期时,popper 将充当页面上的一个元素(而不是 popper)。
理想的样子:
现在发生了什么?
它的样子:
我试图通过样式来强制 popper 存在于页面中而不是顶部,但我真的不知道如何做得好(网络编程新手)。
有谁知道从哪里开始强制日历组件表现得像第一张图片而不是第二张图片?不胜感激。
我知道它可以内联,但我希望行为被折叠 -> 点击日期 -> 打开日历。
解决方法
根据项目页面下方的 example,您可以为日期选择器提供一个 inline
属性以使其成为非 popper,如下所示:
() => {
const [startDate,setStartDate] = useState(new Date());
return (
<DatePicker
selected={startDate}
onChange={date => setStartDate(date)}
inline
/>
);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。