(五) : 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

相关文章
|
4月前
|
JavaScript
iview 表单有值却校验失败
iview 表单有值却校验失败
310 1
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【028】
「HTML+CSS」--自定义加载动画【028】
234 0
「HTML+CSS」--自定义加载动画【028】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【018】
「HTML+CSS」--自定义加载动画【018】
130 0
「HTML+CSS」--自定义加载动画【018】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【013】
「HTML+CSS」--自定义加载动画【013】
88 0
「HTML+CSS」--自定义加载动画【013】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【015】
「HTML+CSS」--自定义加载动画【015】
111 0
「HTML+CSS」--自定义加载动画【015】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【016】
「HTML+CSS」--自定义加载动画【016】
103 0
「HTML+CSS」--自定义加载动画【016】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【011】
「HTML+CSS」--自定义加载动画【011】
126 0
「HTML+CSS」--自定义加载动画【011】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【019】
「HTML+CSS」--自定义加载动画【019】
111 0
「HTML+CSS」--自定义加载动画【019】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【021】
「HTML+CSS」--自定义加载动画【021】
143 0
「HTML+CSS」--自定义加载动画【021】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义加载动画【025】
「HTML+CSS」--自定义加载动画【025】
83 0
「HTML+CSS」--自定义加载动画【025】