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

相关文章
|
Oracle 关系型数据库 数据库
postgresql|数据库|数据迁移神器ora2pg的安装部署和初步使用
postgresql|数据库|数据迁移神器ora2pg的安装部署和初步使用
1807 0
|
JavaScript
Uniapp实现时间选择器
Uniapp实现时间选择器
2060 0
|
人工智能 自然语言处理 前端开发
【CodeBuddy】三分钟开发一个实用小功能之:可爱风空调遥控器
本文介绍了一款基于 Vue.js 开发的可爱风格空调遥控器应用,具备温度调节、模式选择、风速控制及开关功能,界面精美且交互流畅。借助 CodeBuddy 这一 AI 编程助手,开发者通过自然语言描述快速生成高质量代码,大幅提升开发效率。CodeBuddy 不仅适用于初学者快速入门,也能帮助资深开发者优化复杂业务逻辑。文中附有核心代码示例,涵盖组件结构与样式设计,展示了如何实现动态效果和响应式布局。未来还可进一步拓展智能控制功能,提升用户体验。
462 0
【CodeBuddy】三分钟开发一个实用小功能之:可爱风空调遥控器
|
Web App开发 JSON JavaScript
Chrome 插件各模块之间的消息传递
Chrome 插件各模块之间的消息传递 一、消息传递 1. 消息传递分类 Chrome 插件的 Action、Background 和 content_script 三个模块之间的信息传输 插件和插件之间的信息传输 网页向插件进行信息传输 与原生应用进行消息传递
1460 0
|
人工智能 JSON API
一张图读懂大模型应用是如何工作的,一图胜千言
用一张图,带你轻松读懂大模型应用的工作原理。不需要复杂的代码和艰深的理论,只需要一张图,就能让你对大模型有一个全新的认识
一张图读懂大模型应用是如何工作的,一图胜千言
|
存储 NoSQL 关系型数据库
认识常见的一些数据库分类
数据库是用于存储、检索、管理和发送数据的系统。根据数据模型的不同,数据库可以分为多种类型。
1827 4
|
存储 前端开发 Java
浅谈Java中文乱码浅析及解决方案
浅谈Java中文乱码浅析及解决方案
750 0
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
6192 1
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
812 1

热门文章

最新文章