uni-app uni-admin后台 日期选择控件显示不全

uni-app uni-admin后台 日期选择控件显示不全

uni-datetime-picker ref=“datetimepicker” :value=“dateRange” type=“datetimerange” return-type=“timestamp” @change=“datetimechange” @maskClick=“timepickerclose”


| 开发环境 | 版本号 | 项目创建方式 |
|----------|--------|--------------|
| uni-app  |        |              |

更多关于uni-app uni-admin后台 日期选择控件显示不全的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app uni-admin后台 日期选择控件显示不全的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-admin中使用uni-datetime-picker组件时出现显示不全的问题，通常是由于样式冲突或布局限制导致的。以下是几个解决方案：

  1. 检查父容器宽度：确保日期选择器的父容器有足够的宽度，建议设置min-width: 700px以确保完整显示。

  2. 调整组件样式：可以通过自定义CSS样式修复：

.uni-datetime-picker {
  width: 100% !important;
}
.uni-ui-picker-content {
  width: 100% !important;
}
  1. 使用popover模式：在显示空间有限时，可以改用popover模式：
<uni-datetime-picker mode="popover" />
回到顶部