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"