原因:
uni-datetime-picker弹框写在滚动条元素内部,当滚动条元素高度被限制,并且滚动条元素的底部高度没有到手机屏幕底部时,日期选择弹框在IOS手机上就会被遮住。类似overflow: hidden;的效果。
解决方法:
把固定在底部的标签代码,也写在滚动条元素内部,并让滚动条元素高度和手机底部一致。
如果这些内容需要固定在底部,就给它们包裹两层view,第一层设置高度占据相应的显示高度,第二层用position: fixed;固定在底部。这样日期选择弹框就能在手机底部显示出来。
注意:第二层view的z-index不能大于日期弹框的z-index,不能大于99。