vue出生日期转年龄

果盘小哥

已于 2023-05-10 09:56:52 修改

阅读量904

点赞数

分类专栏： vue 文章标签： vue.js javascript ecmascript

于 2022-10-05 19:11:52 首次发布

本文链接：https://blog.csdn.net/weixin_65823351/article/details/127175541

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

后端字段要加@JsonFormat注解，否则前端会显示NaN

前端获取出生日期，利用vue过滤器filte将日期转换为年龄

//获取日期

<template slot-scope="scope">

{{scope.row.birthday | showAge}}

</template>

//利用filters过滤器将日期转换为年龄
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

    }

}