Error in render: “TypeError: date.getFullYear is not a function“ -- 进入修改弹窗界面后,点击时间控件错误

新增保存后进入修改弹窗界面后,点击时间控件报以下错误:


错误出现后,我立马自查代码。并确定有在时间控件中定义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) || '';

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值