新增保存后进入修改弹窗界面后,点击时间控件报以下错误:
错误出现后,我立马自查代码。并确定有在时间控件中定义value-format,且data中return该字段时有设置为null:
<el-form-item prop="preStartTime" label="开始时间:">
<el-date-picker
v-model="ruleForm.startTime"
type="datetime"
placeholder="请选择开始时间"
default-time="09:00:00"
value-format="yyyy-MM-dd HH:mm:ss"
/>
</el-form-item>
data () {
return {
ruleForm:{startTime:null,endTime:null},
}
}
排除以上可能后,该错误基本就是由日期对象不是有效的 Date 类型导致的。于是,我在进入修改弹窗界面时,将其值用new Date()进行转化即可解决该bug啦:
this.ruleForm.startTime = new Date(row.startTime) || '';