element ui 日期控件 el-date-picker 宽度自适应,宽度100%

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;
}