uni-datetime-picker兼容ios

背景

微信小程序在ios系统中使用选择日期组件，会发现日期组件的文本框内容，遮盖弹窗

html 复制代码

            <div class="relative w-[100%] bBkInput">
              <div class="absolute top-0 left-0 w-[100%] ddd">
                <uni-datetime-picker
                  :clear-icon="false"
                  v-model="eventForm.eventRangeTime"
                  :value="eventForm.eventRangeTime"
                  type="datetimerange"
                />
              </div>
              <div class="flex gap-1 justify-between" v-if="eventForm?.eventRangeTime.length > 0">
                <div>
                  {{ eventForm.eventRangeTime?.[0] }}
                </div>
                <div>-</div>
                <div>{{ eventForm.eventRangeTime?.[1] }}</div>
              </div>
              <div v-show="eventForm?.eventRangeTime.length < 1" class="bETime">
                赛事开始结束时间
              </div>
            </div>

css 复制代码

.ddd {
  :deep(.uni-date__x-input.t-c) {
    display: none;
  }
  :deep(.uni-date__x-input) {
    display: none;
  }
  :deep(.uni-date-editor) {
    opacity: 0;
  }
}
.bBkInput {
  background-color: #ffffff;
  border: 2rpx solid #eeeeee;
  height: 92rpx;
  line-height: 92rpx;
  padding: 0 20rpx;
  .bETime {
    color: #999999;
  }
}