gpt4 book ai didi

reactjs - React daterangepicker - 移动友好

转载 作者:行者123 更新时间:2023-12-04 16:41:24 26 4
gpt4 key购买 nike

我在我的 React 项目中使用 Ant Design,但我找不到 daterangepicker 的属性为了以移动友好的格式显示日历。它总是显示2个月,第二个月不适合手机屏幕。有解决方法吗?我尝试使用具有 numberOfMonths 属性但没有时间选择器的 react-dates 组件...

最佳答案

可以更改来自库的样式。使用您在 Chrome 开发工具中查看时看到的确切名称(库中的类以“ant”开头)。为了在您的 .less 文件中执行此操作,请添加覆盖屏幕的媒体查询,最大宽度为 480 像素。更改以下2个类就足够了:

@media (max-width: 480px) {
.ant-calendar-range {
width: 320px;
}
.ant-calendar-range-part {
width: 100%;
}
}

您的范围选择器将在列中显示月份,因此它们适合小屏幕:

enter image description here

关于reactjs - React daterangepicker - 移动友好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60091618/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com