前端根据用户的出生日期自动计算年龄

效果如图:

需求:根据用户选择的日期自动计算并回显年龄

我这么写的

<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根据出生日期显示年龄相关推荐

  1. vue 实现出生日期计算年龄

    const birthStr = '2020-01-01' let birthdays = new Date(birthStr.replace(/-/g, "/"));consol ...

  2. js中如何通过身份证号计算出生日期和年龄

    在html中有如下标签 身份证号:<input type="text" id="Gra_IDCard" onChange="IDCardChan ...

  3. sql server 根据身份证号计算出生日期和年龄的存储过程

    我这边有一个业务,需要客户填写身份证号,自动计算他的出生日期和年龄 在sql中,具体的存储过程实现是这样的: /******************************************** ...

  4. Java:出生日期转年龄

    private int getAge(Date birthDay) {Calendar cal = Calendar.getInstance();//出生日期晚于当前时间,无法计算if (cal.be ...

  5. MySQL根据出生日期查询年龄,以及对年龄进行分组统计

    表stu数据如下 1. 根据出生日期查询年龄 SELECT TIMESTAMPDIFF(YEAR,DATE(birthdate),CURDATE()) AS age FROM stu; 返回结果: 函 ...

  6. 出生日期与年龄python_python根据出生日期返回年龄的方法

    本文实例讲述了python根据出生日期返回年龄的方法.分享给大家供大家参考.具体实现方法如下: def CalculateAge(self, Date): '''Calculates the age ...

  7. vue 图片 404 显示默认图片

    写在前: vue中循环显示图片,报错404,未加载图片的情况下可以使用默认图片 使用线上图片: <img :src="oneurl" alt="图片" o ...

  8. js 根据身份证获取出生日期与年龄

    js 根据身份证获取出生日期与年龄 //获取出生日期getBirthdayFromIdCard(idCard) {var birthday = "";if (idCard != n ...

  9. SQL根据出生日期计算年龄的两种算法

    --Sql根据出生日期计算年龄 1.  select datediff(year,EMP_BIRTHDAY,getdate()) as '年龄' from  EMPLOYEEUnChangeInfo ...

最新文章

  1. 把成员函数转换为函数的代码。
  2. Flutter入门三部曲(3) - 数据传递/状态管理 | 掘金技术征文
  3. Java float类型怎么把小数位数限制为2位
  4. C#的RSA加密解密签名,就为了支持PEM PKCS#8格式密钥对的导入导出
  5. java.sql.SQLException: The server time zone value ‘???ú±ê×??±??‘ is unrecognized or represents more
  6. mysql innodb monitor_MySQL innodb_table_monitor 解析
  7. 米斯特白帽培训讲义 漏洞篇 代码执行
  8. 亚马逊创始人贝佐斯离婚协议本周生效 前妻分得380亿美金
  9. c语言第三章作业题答案,c语言第三章简单练习题及答案.doc
  10. 维基链能成为下一个以太坊吗?
  11. leetcode 374. Guess Number Higher or Lower 、375. Guess Number Higher or Lower II
  12. python画柱状图-Python Excel 绘制柱形图
  13. 大学计算机基础试题第一套,大学计算机基础试题及答案(完整版)
  14. matlab汽车仿真实例,基于MATLAB的车辆工程仿真实例
  15. java多线程 Semaphore CountDownLatch ScheduledExecutorService
  16. python 点云重建_点云 表面重建
  17. java 短连接转长连接_HTTP的长连接和短连接转换接口(API)
  18. Laravel填充数据Seeder出现 Target class [xxx] does not exist 错误
  19. SM2 SM3 SM4 国密版本,基于bouncycastle 实现
  20. 使用Persimmon UI Builder 开发的一些技巧和注意事项 -- (RT-thread 柿饼UI)

热门文章

  1. OPPOEncoAir2Pro怎么样 值得入手吗
  2. 正式工作的第五个月的个人总结
  3. PHPMailer发送邮件(PHP发送电子邮件)
  4. 【vn.py】 策略实盘自动交易
  5. 互联网现象背后心理学:为何“蠢萌”比“高冷”更容易火
  6. python根据品种散点图鸢尾花_SPSS分析技术:典型判别分析;由鸢(yuan)尾花分类发展而来的分析方法...
  7. Crackme 破解注册码 - 梦之光芒
  8. Notepad3下载及安装
  9. python多线程:定时器
  10. 转52破解jiangwei212Android爆破应用签名的一种全新高效方式(Native+服务器验证)