el-date-picker 组件的选择面板使用绝对定位,如果其父级或祖先级元素使用了可能影响定位的属性(如 overflow: hidden;、position: relative; 等),可能会导致选择面板被遮挡或无法正确显示。可以尝试调整这些元素的 CSS 样式,或者使用 append-to-body 属性将选择器渲染到 body 下。
<template> <el-date-picker v-model="value" format="yyyy-MM" value-format="yyyy-MM" type="month" placeholder="请选择月份" :picker-options="setMonthDisabled" > </el-date-picker> </template> export default { data() { return { value: "", setMonthDisabled: { disabledDate(time) { ...
正常一个列表有编辑和新增弹框,弹框里面有el-date-picker type=range (这是一个共用组件),如果先点击编辑,选择日期后,再去新增,这是会发现选择日期范围选择框选择不了,这时候可以把 公用的弹框组件用 template 包裹起来,加个v-if。
我提供的最小复现环境的链接是你们官网的el-date-picker组件例子,先选择start date然后不选中end date,鼠标在其他日期滑动经过,日期选择面板会以end date的高亮方式高亮滑动经过的时间,然后点击页面其他地方关闭日期选择面板,日期选择面板还是仍然在高亮滑动经过的时间。 比如选择1号为start date,然后不选择end date但是...
element表单中选择 el-date-picker 选择后没反应 折腾一早上没有用直到百度到了 https://blog.csdn.net/KeepReal666/article/details/134471038 解决办法: 直接加上@input="$forceUpdate()"即可。
<el-col:span="20"><el-form-itemlabel="活动起始日期值"prop="startTime"><el-date-pickerv-model="startTime"type="date"placeholder="请选择日期"value-format="timestamp":picker-options="forbiddenStartTime"></el-date-picker></el-form-item></el-col> ...
Bug Type: Component Environment Vue Version: 3.2.37 Element Plus Version: 2.2.8 Browser / OS: Chrome 103.0.5060.66 / win10 Build Tool: Vite Reproduction Related Component el-message-box el-date-picker Reproduction Link Element Plus Playg...
element-ui 的时间选择器中,有一个picker-options 的属性,属性值中有个disabledDate 可以设置禁用状态,类型为函数,参数为今天日期,通过返回Boolean值来确定日期是否可以选择。 标签代码如下 <el-date-pickertype="date"value-format="yyyy-MM-dd"v-model="dateTime"size="small":picker-options="pickerOptions"></...