解决vue+elementUI : “TypeError: dateObject.getTime is not a function“及日期手动修改的错误
解决vue+elementUI : “TypeError: dateObject.getTime is not a function“及日期手动修改的错误

解决vue+elementUI : “TypeError: dateObject.getTime is not a function“及日期手动修改的错误

注:CSDN本人原文链接:解决vue+elementUI : “TypeError: dateObject.getTime is not a function“及日期手动修改的错误

1、报错信息及代码:

  • 报错处页面样式:
    在这里插入图片描述

    错误详情:1、按下F12报错。 2、未限制不可手动修改日期

  • 报错信息:
    在这里插入图片描述

    • template模板代码:
      <el-form-item prop="birth" label="生日">
      <el-date-picker type='date' v-model="registerForm.birth" 
      placeholder="选择日期" style="width: 100%;">
      </el-date-picker>
      </el-form-item>
  • 引入form.js
import {rules} from '../assets/data/form';
  • form.js
const rules = {
  birth: [
    { required: true, type: 'date', message: '请选择日期', trigger: 'change' }
  ],
}

2、解决方式

  • 去掉form.js中的 type: 'date'
    const rules = {
    birth: [
    { required: true, message: '请选择日期', trigger: 'change' }
    ],
    }
  • template模板代码中添加 :editable="false",保证其不能手动修改
    <el-form-item prop="birth" label="生日">
      <el-date-picker type='date' v-model="registerForm.birth" :editable="false"
      placeholder="选择日期" style="width: 100%;">
      </el-date-picker>
    </el-form-item>

发表回复

您的电子邮箱地址不会被公开。