如何解决在下面的日期选择器输入下反应现代日历日期选择器重叠
我在表中使用react-modern-calendar-datepicke。在我的应用程序中,每一行都有日期选择器。当日期选择器从底部打开时,它与下面几行中的日期选择器的值重叠。
在沙盒中检查我的样本:Open Sandbox
我尝试更改z-index,但对我不起作用。有人对此问题有解决方案吗?
解决方法
需要改变父元素的位置和z-index。
这是一个简单的演示:(完整代码可以查看底部沙盒)
<td style={{ position:"relative",zIndex:"999" }}>
<DatePicker
value={selectedDay}
onChange={setSelectedDay}
inputPlaceholder="Select a day"
shouldHighlightWeekends
/>
</td>
我也修改了你的代码,希望能帮到你!
代码示例:
附言这个解决方案也是我在我的项目中使用的。
希望能帮到你!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。