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

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

一、数据库字段

`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


相关文章
|
6月前
|
JavaScript
js 输入身份证获取生日性别年龄
js 输入身份证获取生日性别年龄
|
1月前
有5个学生,每个学生有3门课程的成绩,从键盘输入学生数据【姓名,学号,3门课成绩】,计算平均成绩,将原有 数据和计算的平均分数存放磁盘文件stud.dat中
有5个学生,每个学生有3门课程的成绩,从键盘输入学生数据【姓名,学号,3门课成绩】,计算平均成绩,将原有 数据和计算的平均分数存放磁盘文件stud.dat中
69 0
|
5月前
必知的技术知识:Excel通过身份证获取出生年月,性别,年龄,生肖,星座,省份等信息总结归纳
必知的技术知识:Excel通过身份证获取出生年月,性别,年龄,生肖,星座,省份等信息总结归纳
82 0
|
6月前
|
JavaScript
身份证号码自动判定出生年月及性别年龄
身份证号码自动判定出生年月及性别年龄
57 0
|
6月前
|
弹性计算 运维 Shell
文件年龄分析
【4月更文挑战第30天】
37 0
用输入框输入一个成绩,来判断 成绩的等级 90-100分为优秀,70-89为良好,60-69为及格,60分以下为还需要继续努力,当输入为非数字的时候显示非法字符。
用输入框输入一个成绩,来判断 成绩的等级 90-100分为优秀,70-89为良好,60-69为及格,60分以下为还需要继续努力,当输入为非数字的时候显示非法字符。
401 0
|
6月前
|
C语言
C语言之生肖、年龄、星座查询
C语言之生肖、年龄、星座查询
|
前端开发
react 输入身份证获取出生年月性别年龄
react 输入身份证获取出生年月性别年龄
119 0
|
6月前
|
JavaScript 计算机视觉
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
|
Java 程序员
通过生日获取年龄+生肖+星座工具类
通过生日获取年龄+生肖+星座工具类 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕
158 0
通过生日获取年龄+生肖+星座工具类