element的日期選擇使用value-format之后表單驗證報錯

 在表單驗證的時候報錯

添加一個日期控件，但是發現在表單驗證中遇到了沖突如下：

Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"

 

 

 

elementUI的日期選擇器【el-date-picker】在加上格式 

value-format="yyyy-MM-dd" format="yyyy-MM-dd"

在表單驗證時：

{ type: 'date', required: true, message: '請選擇日期', trigger: 'change' } 

會出現頂上問題。

實際上的頁面內容：

html代碼：

<el-form-item label="生效日期" prop="StartDate">
              <el-date-picker v-model="addForm.StartDate" value-format="yyyy-MM-dd" type="date" placeholder="選擇生效日期">
              </el-date-picker>
            </el-form-item>

 

js代碼：

StartDate: [{ type: 'date', required: true, message: '請選擇生效日期', trigger: 'change' }],

 

解決辦法如下：

表單驗證將 【type: 'date'】改為【type: 'string'】

StartDate: [{ type: 'string', required: true, message: '請選擇生效日期', trigger: 'change' }],