项目场景：

今天项目引了vant-DatetimePicker时间选择器，前边还好好的，改了一些无关的文件，发现这时间选择滚动区域消失没了。

问题描述：

第一时间是找全局样式，看有没有被重写，没找着，也没重写，那就奇怪了。
然后调试器看样式…
发现这玩意，东西是在的，但是跑偏了，没显示出来，看了一下布局，找到问题了。

原因分析：

这个组件的中间是有两条线的，这玩意占位。

它身上带了个样式。

就是这个东西顶掉了下边的绝对定位，影响了定位，导致其他元素显示异常。

[class*=van-hairline] {position: relative;
}

解决方案：

全局样式表里把这个样式改回去。

.van-picker__frame{position: absolute !important;
}

记录-vant-DatetimePicker时间选择器，时间选择滚动区域消失。[class*=van-hairline]相关推荐

vant的时间选择器使用
vant的时间选择器: <van-popup:show="showPop"position="bottom"label="有效日期"c ...
vant组件时间选择器修改时间格式以及默认展示当天时间
vant的时间控件默认展示当天时间 <van-fieldreadonlyrequiredclickablelabel="时间事项":value="mattertim ...
微信小程序 vant 封装DatetimePicker时间选择器
效果: 1.在components文件下新建dateTimePicker文件在index.wxml文件中编写: <view class="container" bindta ...
bootstrap时间选择器datetimepicker
时间选择器今天在修改页面详细设计时有一个时间选择器的查询框需求,简单记录一下. 1.页面查询框代码 <div class="col-md-5" style="fl ...
bootstrap，datetimepicker日期时间选择器-限制时间段，以及中文显示问题
基于bootstrap的css,js bootstrap-datetimepicker的css,js <script src="jquery-1.11.1.min.js"&g ...
【ElementUI】DateTimePicker 日期时间选择器，设置 disabledDate 禁用今天之后的时间后，今天的日期选择不了的问题
首先,在选用 ElementUI 关于时间的选择器时,通常会设置今天之后的时间不可选或者今天之前的时间不可选等其他关于时间限制的需求. 那么参考相关文章和官方文档之后,我们可以知道,我们需要使 ...
element日期时间选择器限制时间选择（精确到小时）
需求:选一个开始时间,要求精确到小时,小于当前时刻的小时不让选择,只能往后选7天. 如图: 需要element的DateTimePicker 日期时间选择器部分代码如下: <el-form-i ...
DateTimePicker 日期时间选择器报错 Cannot read property ‘getHours‘ of undefined, 无法选中`[__ob_: observer__]`时做判断
我在一次开发中遇到了这个情况:使用DateTimePicker 日期时间选择器,出现无法选中, 报错 Cannot read property 'getHours' of undefined, 这个原 ...
日期时间选择器 DateTimePicker 1127
日期时间选择器 DateTimePicker 控件引入效果属性
datetimepicker 默认时间_Django项目中如何使用日期时间选择器DateTimePicker
如果你的模型中含有datetime类型的字段,表单中需要用户输入日期和时间,那么你如何保证不同用户输入的时间都遵循一定的格式(DD/MM/YYYY 或者YYYY-MM-DD)是个必须要考虑的问题.一个 ...

记录-vant-DatetimePicker时间选择器，时间选择滚动区域消失。[class*=van-hairline]

项目场景：

问题描述：

原因分析：

解决方案：

记录-vant-DatetimePicker时间选择器，时间选择滚动区域消失。[class*=van-hairline]相关推荐

最新文章

热门文章