VUE根据出生日期显示年龄
前端根据用户的出生日期自动计算年龄
效果如图:
需求:根据用户选择的日期自动计算并回显年龄
我这么写的
<FormItem label="出生日期:"><DatePicker type="date" format="yyyy-MM-dd" v-model="formData.birthdate" @on-change="getAge" placeholder="请选择出生日期" />
</FormItem>
// 根据出生日期获取年龄getAge(vl) {if (vl) {let birthdays = new Date(vl.replace(/-/g, "/"));let d = new Date();let age =d.getFullYear() -birthdays.getFullYear() -(d.getMonth() < birthdays.getMonth() ||(d.getMonth() == birthdays.getMonth() &&d.getDate() < birthdays.getDate())? 1: 0);this.formData.age = age;}},
简单吧!欢迎点赞分享哈!
VUE根据出生日期显示年龄相关推荐
- vue 实现出生日期计算年龄
const birthStr = '2020-01-01' let birthdays = new Date(birthStr.replace(/-/g, "/"));consol ...
- js中如何通过身份证号计算出生日期和年龄
在html中有如下标签 身份证号:<input type="text" id="Gra_IDCard" onChange="IDCardChan ...
- sql server 根据身份证号计算出生日期和年龄的存储过程
我这边有一个业务,需要客户填写身份证号,自动计算他的出生日期和年龄 在sql中,具体的存储过程实现是这样的: /******************************************** ...
- Java:出生日期转年龄
private int getAge(Date birthDay) {Calendar cal = Calendar.getInstance();//出生日期晚于当前时间,无法计算if (cal.be ...
- MySQL根据出生日期查询年龄,以及对年龄进行分组统计
表stu数据如下 1. 根据出生日期查询年龄 SELECT TIMESTAMPDIFF(YEAR,DATE(birthdate),CURDATE()) AS age FROM stu; 返回结果: 函 ...
- 出生日期与年龄python_python根据出生日期返回年龄的方法
本文实例讲述了python根据出生日期返回年龄的方法.分享给大家供大家参考.具体实现方法如下: def CalculateAge(self, Date): '''Calculates the age ...
- vue 图片 404 显示默认图片
写在前: vue中循环显示图片,报错404,未加载图片的情况下可以使用默认图片 使用线上图片: <img :src="oneurl" alt="图片" o ...
- js 根据身份证获取出生日期与年龄
js 根据身份证获取出生日期与年龄 //获取出生日期getBirthdayFromIdCard(idCard) {var birthday = "";if (idCard != n ...
- SQL根据出生日期计算年龄的两种算法
--Sql根据出生日期计算年龄 1. select datediff(year,EMP_BIRTHDAY,getdate()) as '年龄' from EMPLOYEEUnChangeInfo ...
最新文章
- 把成员函数转换为函数的代码。
- Flutter入门三部曲(3) - 数据传递/状态管理 | 掘金技术征文
- Java float类型怎么把小数位数限制为2位
- C#的RSA加密解密签名,就为了支持PEM PKCS#8格式密钥对的导入导出
- java.sql.SQLException: The server time zone value ‘???ú±ê×??±??‘ is unrecognized or represents more
- mysql innodb monitor_MySQL innodb_table_monitor 解析
- 米斯特白帽培训讲义 漏洞篇 代码执行
- 亚马逊创始人贝佐斯离婚协议本周生效 前妻分得380亿美金
- c语言第三章作业题答案,c语言第三章简单练习题及答案.doc
- 维基链能成为下一个以太坊吗?
- leetcode 374. Guess Number Higher or Lower 、375. Guess Number Higher or Lower II
- python画柱状图-Python Excel 绘制柱形图
- 大学计算机基础试题第一套,大学计算机基础试题及答案(完整版)
- matlab汽车仿真实例,基于MATLAB的车辆工程仿真实例
- java多线程 Semaphore CountDownLatch ScheduledExecutorService
- python 点云重建_点云 表面重建
- java 短连接转长连接_HTTP的长连接和短连接转换接口(API)
- Laravel填充数据Seeder出现 Target class [xxx] does not exist 错误
- SM2 SM3 SM4 国密版本,基于bouncycastle 实现
- 使用Persimmon UI Builder 开发的一些技巧和注意事项 -- (RT-thread 柿饼UI)
热门文章
- OPPOEncoAir2Pro怎么样 值得入手吗
- 正式工作的第五个月的个人总结
- PHPMailer发送邮件(PHP发送电子邮件)
- 【vn.py】 策略实盘自动交易
- 互联网现象背后心理学:为何“蠢萌”比“高冷”更容易火
- python根据品种散点图鸢尾花_SPSS分析技术:典型判别分析;由鸢(yuan)尾花分类发展而来的分析方法...
- Crackme 破解注册码 - 梦之光芒
- Notepad3下载及安装
- python多线程:定时器
- 转52破解jiangwei212Android爆破应用签名的一种全新高效方式(Native+服务器验证)