el-date-picker时间范围编辑回显后不能修改问题

2025/5/15 4:51:50 来源：https://blog.csdn.net/zzzz121380/article/details/146477486 浏览: 次关键词：el-date-picker时间范围编辑回显后不能修改问题

el-date-picker daterange时间范围编辑回显后不能修改

 <el-form-item:label="LABELS.gplanRecordDateLabel"prop="gplanRecordDate"><el-date-pickerstyle="width: 300px"v-model="formData.gplanRecordDate"type="daterange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker></el-form-item>

gplanRecordDate: [{required: true,trigger: 'blur',message: '时间范围不能为空',},],

解决办法

在编辑回显时，属性赋值使用下面方法赋值：

Vue3写法：proxy.$set(formData.value, 'gplanRecordDate', [new Date(props.data.gplanStarttime),new Date(props.data.gplanEndtime),]);
Vue2写法
this.$set(formData.value, 'gplanRecordDate', [new Date(props.data.gplanStarttime),new Date(props.data.gplanEndtime),]);