1. type="datetime"的驗證方式：

<DatePicker v-model="form.chooseDate" placeholder="選擇日期" type="datetime" format="yyyy-MM-dd"/> chooseDate: [{required: true, message: '日期不能為空!', trigger: 'blur', pattern: /.+/}],

后面添加 pattern: /.+/可驗證；

2. type="daterange"的驗證方式：

<FormItem label="變更起止時間：" prop="modifyTimes"><DatePickerv-model="form.modifyTimes"format="yyyy-MM-dd"type="daterange"placement="bottom-end"placeholder="請選擇起止時間"class="am-datepicker"@on-change="getModifyTimes"></DatePicker> </FormItem> modifyTimes: [{type: 'array',required: true,fields: {0: {type: 'date', required: true, message: '請選擇起止日期'},1: {type: 'date', required: true, message: '請選擇起止日期'}} }],

總結

以上是生活随笔為你收集整理的解决iview表单中时间选择起的验证失败问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。