uni-app #插件讨论#替换为空格 uni-datetime-picker日期选择器在tabBar页面使用时 tabBar遮挡确定按钮导致无法选择

在tabBar页面用这个组件得时候，tabBar把组件确定两个字堵住了选择不了

有没有浮动模式，不贴底的模式

更多关于uni-app #插件讨论#替换为空格 uni-datetime-picker日期选择器在tabBar页面使用时 tabBar遮挡确定按钮导致无法选择的实战教程也可以访问 https://www.itying.com/category-93-b0.html

已处理，更新一下

处理啥了。。。怎么处理，我更新了最新版本还是遮挡的

回复 s***@qq.com：查看组件的 calender.vue 是否有这行代码： bottom: calc(var(–window-bottom));

回复 jxtian: 自定义的tabbar如何避免这种问题啊

回复 1***@qq.com: 你好，请问解决了嘛

yuanlaile 7楼作者

苹果手机上也有这个问题呀，解决了吗？

这是一个常见的布局问题，当使用uni-datetime-picker这类底部弹出组件时，如果页面包含tabBar，确实可能出现遮挡情况。可以通过以下方式解决：

<uni-datetime-picker placement="top"></uni-datetime-picker>

动态调整页面高度：在页面onShow生命周期中，通过uni.getSystemInfoSync()获取窗口高度，减去tabBar高度后设置页面最小高度：

onShow() {
  const systemInfo = uni.getSystemInfoSync()
  this.minHeight = systemInfo.windowHeight - 50 // 50为tabBar预估高度
}