【Vue】实现出生日期计算年龄

时间:2022-10-08 08:00:58


数据库只有出生日期 而我们需要再页面展示年龄

【Vue】实现出生日期计算年龄

使用Vue的过滤器 对日期进行一个过滤

    filters: {
showAge(value) {
// 指定日期
let birthdays = new Date(value.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
}
},

【Vue】实现出生日期计算年龄

 

变成了NaN 原因: 服务器到前端 没有进行一个日期格式话转换

【Vue】实现出生日期计算年龄

 使用DateTimeformat和@JsonFormat来解决

  注解@JsonFormat主要是后台到前台的时间格式的转换

          注解@DataFormat主要是前台到后台的时间格式的转换

【Vue】实现出生日期计算年龄

【Vue】实现出生日期计算年龄