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>