vue3+ts 日期转年龄（utils工具类）

性野喜悲

已于 2024-07-02 11:44:56 修改

阅读量70

点赞数 3

分类专栏： vue 经验分享文章标签： javascript vue.js 前端

于 2024-07-02 11:44:27 首次发布

本文链接：https://blog.csdn.net/leng0920/article/details/140122628

版权

经验分享同时被 2 个专栏收录

149 篇文章 1 订阅

订阅专栏

vue

136 篇文章 4 订阅

订阅专栏

/**
 * 生日日期转年龄
 * @param {string} birth 2024-07-02
 * @returns {number}
 */
export const calculateAge = (birth: string) => {
  const birthday = new Date(birth);
  const today = new Date();
  const ageInMilliseconds = today.getTime() - birthday.getTime();
  const ageInYears = Math.floor(
    ageInMilliseconds / (365 * 24 * 60 * 60 * 1000)
  );
  return ageInYears;
};

import {calculateAge } from "/@/utils/utils";//引入

//页面使用（后端返回的是2024-07-02 00:00：00所以需要使用.substring(0, 10)方法截取，只返回日期则直接使用返回的变量）

      <el-table-column align="center" label="年龄（岁）" width="110">
          <template #default="scope">
            {{
              scope.row.birthday
                ? calculateAge(scope.row.birthday.substring(0, 10))
                : "-"
            }}
          </template>
        </el-table-column>