解决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>