element ui 日期控件 el-date-picker 宽度自适应,宽度100% 电脑版发表于:2023/7/23 17:16 element ui的el-date-picker默认宽度不是100%,只在控件设置width=100%也不行,还要修改控件里边的样式,具体实现如下: **先在控件设置好100%** ``` <el-form-item label="报价日期" prop="quotationDate" > <div class="el-picker-width100pr" style="width: 100%;"> <el-date-picker style="width: 100%;" v-model="ruleForm.quotationDate" type="date" placeholder="Pick a day" /> </div> </el-form-item> ``` **修改控件里边的样式** ``` // 修改日期选择控件el-date-picker宽度为100%自适应 :deep(.el-picker-width100pr .el-input__wrapper){ width: 100% !important; } ```