养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

elementUi在表单校验中如何校验日期

时间:2024-09-30 01:38:28

在使用vue.js框架中,可以使用ElementUI,并且在表单中添加日期控件,日鲋逐噗瘀期还可以添加校验。那么,日期如何添加校验呢?

elementUi在表单校验中如何校验日期

工具/原料

vue.js

ElementUI

HBuilderX

JavaScript

WPS

截图工具

浏览器

方法/步骤

1、打开HBuilderX工具,新建一个vue文件,并点击创建按钮

elementUi在表单校验中如何校验日期

2、接着打开vue文件,在template标签中添加日期控件

elementUi在表单校验中如何校验日期

3、在<script></script>标签中,添加data,套趱咝鲞初始化变量statisDate

elementUi在表单校验中如何校验日期

4、打开App.vue文件,导入对应的Date组件,并在components进行引入

elementUi在表单校验中如何校验日期

5、保存代码并在项目上鼠标右键,选择外部命令npmrunserve

elementUi在表单校验中如何校验日期

6、项目运行完毕后,打开浏览器查看界面效果,并输入日期查看变化

elementUi在表单校验中如何校验日期

© 一点知识