【日积月累】出生日期如何转换成年龄进行显示

简介: 【日积月累】出生日期如何转换成年龄进行显示

一、数据库字段

`depart_birthday` datetime NULL DEFAULT NULL COMMENT '员工出生日期',

image.png

二、 后端JavaBean字段

@JsonFormat 设置格式化

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private Date departBirthday;

三、前端表格年龄展示

b3f7c43b0a5f42e0ad23805de8b92c69.png


表格代码:

 <el-table-column
  prop="departBirthday"
  label="年龄"
  width="80px">
  <template slot-scope="scope">
    <span>{{scope.row.departBirthday | changeAge}}</span>
  </template>
</el-table-column>

日期转年龄,过滤代码:

//过滤
filters:{
 //日期改为年龄
 changeAge(birthStr){
   let birthdays = new Date(birthStr.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);
    return age ;
    },

5d44c283c94f4c51bd8aaad596880c26.png


相关文章
|
9月前
|
JavaScript
js 输入身份证获取生日性别年龄
js 输入身份证获取生日性别年龄
|
9月前
有五个学生,每个学生有3门课的成绩,从键盘输入以上数据(包括学生号,姓名,三门课成绩),计算出平均成绩,并存到磁盘中
有五个学生,每个学生有3门课的成绩,从键盘输入以上数据(包括学生号,姓名,三门课成绩),计算出平均成绩,并存到磁盘中
119 0
|
4月前
有5个学生,每个学生有3门课程的成绩,从键盘输入学生数据【姓名,学号,3门课成绩】,计算平均成绩,将原有 数据和计算的平均分数存放磁盘文件stud.dat中
有5个学生,每个学生有3门课程的成绩,从键盘输入学生数据【姓名,学号,3门课成绩】,计算平均成绩,将原有 数据和计算的平均分数存放磁盘文件stud.dat中
116 0
|
8月前
猜年龄
【6月更文挑战第10天】猜年龄。
33 1
|
8月前
必知的技术知识:Excel通过身份证获取出生年月,性别,年龄,生肖,星座,省份等信息总结归纳
必知的技术知识:Excel通过身份证获取出生年月,性别,年龄,生肖,星座,省份等信息总结归纳
157 0
|
9月前
|
弹性计算 运维 Shell
文件年龄分析
【4月更文挑战第30天】
58 0
|
前端开发
react 输入身份证获取出生年月性别年龄
react 输入身份证获取出生年月性别年龄
134 0
|
9月前
|
C语言
C语言之生肖、年龄、星座查询
C语言之生肖、年龄、星座查询
|
Java 程序员
通过生日获取年龄+生肖+星座工具类
通过生日获取年龄+生肖+星座工具类 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕
182 0
通过生日获取年龄+生肖+星座工具类
|
9月前
|
JavaScript 计算机视觉
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
js身份证号输入自动判断其性别和出生年月日呢?进来来来来