(五) : iview 时间选择器,校验不成功

简介: (五) : iview 时间选择器,校验不成功

image.png

错误的校验

  <FormItem :label="$t('开始时间')" prop="template_benefit_info[0].start_date"
                            :rules="{ required: true, message: $t('请选择开始时间'), trigger: 'change'}">
                              <DatePicker  format="yyyy-MM-dd HH:mm:ss"  v-model="editFormData.template_benefit_info[0].start_date"
                              type="datetime" :options="startOption">
                              </DatePicker>
                            </FormItem>
                            <FormItem :label="$t('结束时间')" prop="template_benefit_info[0].end_date"
                             :rules="{ required: true, message: $t('请选择结束时间'), trigger: 'change'}">
                              <DatePicker  format="yyyy-MM-dd HH:mm:ss"  v-model="editFormData.template_benefit_info[0].end_date"
                              type="datetime" :options="endOption"></DatePicker>
                            </FormItem>

修改过后的

image.png


:rules="{ required: true, message: $t('请选择结束时间'), trigger: 'change', pattern:/.+/}"

image.png

相关文章
|
Python
Django 表单校验 表单字段设置 自定义表单校验规则
今天看到了一篇非常好的博文,拿来和大家分享一下。 内容包括了: 用户注册时输入数据的校验 使用widget进行字段设置 实现自定义的校验规则 参考自下面的这篇文章 $(function () { $('pre.
1133 0
|
7月前
|
JavaScript
iview 表单有值却校验失败
iview 表单有值却校验失败
376 1
|
JavaScript
关于JQuery validate表单校验插件对级联下拉框的校验问题
关于JQuery validate表单校验插件对级联下拉框的校验问题
258 0
关于JQuery validate表单校验插件对级联下拉框的校验问题
|
9月前
|
JavaScript UED
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
472 1
|
6月前
|
JavaScript
Antd——表单使用自定义正则进行校验
Antd——表单使用自定义正则进行校验
94 0
iview 表单提交之前验证是否符合条件
iview 表单提交之前验证是否符合条件
|
JavaScript 前端开发
vue实现滑块拖拽校验
vue实现滑块拖拽校验
|
JavaScript
vue 校验规则 防止多次点击弹窗重新触发
vue 校验规则 防止多次点击弹窗重新触发
175 0

热门文章

最新文章