uni-app mui的dtpicker在iOS系统高版本情况下总是显示不全的问题

uni-app mui的dtpicker在iOS系统高版本情况下总是显示不全的问题

操作步骤：

mui的dtpicker组件，在安卓上没问题，但是在iOS系统高版本上面，选择年月日时间的时候，都会出现下面的数据显示不全的问题

预期结果：

mui的dtpicker组件，在安卓上没问题，但是在iOS系统高版本上面，选择年月日时间的时候，都会出现下面的数据显示不全的问题

实际结果：

mui的dtpicker组件，在安卓上没问题，但是在iOS系统高版本上面，选择年月日时间的时候，都会出现下面的数据显示不全的问题

bug描述：

mui的dtpicker组件，在安卓上没问题，但是在iOS系统高版本上面，选择年月日时间的时候，都会出现下面的数据显示不全的问题

App下载地址或H5网址：

https://www.dcloud.io/hellomui/examples/dtpicker.html


更多关于uni-app mui的dtpicker在iOS系统高版本情况下总是显示不全的问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

mui 已停止维护了，建议使用uniapp，或直接调用 5+ api

更多关于uni-app mui的dtpicker在iOS系统高版本情况下总是显示不全的问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的iOS兼容性问题，主要原因是iOS高版本对Web组件的样式渲染机制发生了变化。建议采用以下解决方案：

  1. 使用uni-app官方提供的picker组件替代mui的dtpicker uni-app内置的picker组件已经针对各平台做了兼容性处理，在iOS高版本上显示正常。

  2. 如果必须使用mui dtpicker，可以尝试以下CSS修复：

.mui-dtpicker {
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
.mui-picker {
  height: 200px;
  overflow: visible;
}
回到顶部