【elementui】el-date-picker日期选择框，获取焦点后宽度增加问题调整

小魏的马仔2025-12-19 8:55

问题

做了一个日期选择框，发现获取鼠标焦点后，日期框的宽度会增加一点，显示了一个取消的x符号。

失去焦点后，宽度又变回来了。页面晃来晃去不好看

解决

bash 复制代码

                <el-date-picker 
                  v-model="formData.judgmentDate" 
                  type="date" 
                  placeholder="请选择判决日期" 
                  style="width: 100%;"
                  value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
                />

将其中的style="width: 100%;" 删除即可固定宽度。