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

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

一、数据库字段

`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


相关文章
|
7月前
|
JavaScript
js 输入身份证获取生日性别年龄
js 输入身份证获取生日性别年龄
|
6月前
必知的技术知识:Excel通过身份证获取出生年月,性别,年龄,生肖,星座,省份等信息总结归纳
必知的技术知识:Excel通过身份证获取出生年月,性别,年龄,生肖,星座,省份等信息总结归纳
104 0
|
7月前
|
弹性计算 运维 Shell
文件年龄分析
【4月更文挑战第30天】
45 0
用输入框输入一个成绩,来判断 成绩的等级 90-100分为优秀,70-89为良好,60-69为及格,60分以下为还需要继续努力,当输入为非数字的时候显示非法字符。
用输入框输入一个成绩,来判断 成绩的等级 90-100分为优秀,70-89为良好,60-69为及格,60分以下为还需要继续努力,当输入为非数字的时候显示非法字符。
435 0
|
7月前
|
C语言
C语言之生肖、年龄、星座查询
C语言之生肖、年龄、星座查询
|
7月前
|
JavaScript 计算机视觉
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
|
Java 程序员
通过生日获取年龄+生肖+星座工具类
通过生日获取年龄+生肖+星座工具类 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕
167 0
通过生日获取年龄+生肖+星座工具类
|
7月前
|
Python
python源码实例之根据生日预测星座和属相以及属相对应年份(附源码 可供学习)
python源码实例之根据生日预测星座和属相以及属相对应年份(附源码 可供学习)
120 1
成绩排序 给出班里某门课程的成绩单,请你按成绩从高到低对成绩单排序输出,如果有相同分数则名字字典序小的在前。
成绩排序 给出班里某门课程的成绩单,请你按成绩从高到低对成绩单排序输出,如果有相同分数则名字字典序小的在前。
659 0
教务系统以数组的方式输入6位同学的成绩,输出平均成绩(调用函数,结果保留两位小数)并分别按照成绩高低显示出每位同学的成绩状况。
教务系统以数组的方式输入6位同学的成绩,输出平均成绩(调用函数,结果保留两位小数)并分别按照成绩高低显示出每位同学的成绩状况。