vue2 element DateTimePicker 日期时间选择器的错误总结

1. 使用 el-date-picker 打开页面就报错

 

 

 

解决办法: 

给添加标签添加属性  placement="bottom-start"

 

<el-date-picker type="date"
                            v-model="form.photographTime"
                            format="yyyy-MM-dd HH:mm:ss"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            placement="bottom-start"></el-date-picker>

 

2. 使用 v-if 切换日期框 出现定位错误的问题

 

 

 

解决办法: 

给添加标签添加属性  key="date" 
                           popper-append-to-body={false}
                           append-to-body={false}
复制代码
<el-date-picker type="date"
              popper-append-to-body={false}
              append-to-body={false}
  v-model="item.value"
                        v-if="show == 0"
                        key="date"
                        placement="bottom-start"></el-date-picker>

 <el-date-picker type="daterange"
              popper-append-to-body={false}
              append-to-body={false}
                        v-model="item.value"
                        v-if="show == 1"
                        key="daterange"
                        placement="bottom-start"></el-date-picker>
复制代码

 

3. 日期框溢出页面(这种问题较少)

解决办法: 

给添加标签添加属性  align="right"
 
posted @   会前端的洋  阅读(1379)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示