el-date-picker 回填
时间: 2023-10-06 15:07:11 浏览: 91
解决Element中el-date-picker组件不回填的情况
5星 · 资源好评率100%
根据引用中的内容,可以通过给el-date-picker组件的v-model变量赋值来进行回填操作。比如可以使用`this.form.daterange = obj.startTime;`和`this.form.daterange = obj.endTime;`来给日期范围组件赋值。
另外,根据引用中的内容,为了解决el-date-picker回填问题,可以使用change事件,并在校验规则中添加type:date。例如可以使用以下代码:
```html
<el-date-picker v-model="addlistform.canguanDate" format="yyyy-MM-dd ss:ss:ss" value-format="yyyy-MM-dd ss:ss:ss" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
```
并在校验规则中添加以下内容:
```javascript
rules2:{
canguanDate:{
required: true,
message: '请选择日期',
trigger: 'blur',
type: 'date' // 添加type:date
},
validityPeriodQrCode:{
required: true,
message: '请选择日期',
trigger: 'blur'
}
}
```
根据引用中的内容,表单验证不通过时无法向后台发送请求,所以解决el-date-picker回填问题对于表单提交很重要。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [解决Element中el-date-picker组件不回填问题](https://blog.csdn.net/Calla_Lj/article/details/99431162)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Element el-date-picker表单校验和数据回显问题](https://blog.csdn.net/Web_chicken/article/details/120073888)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文