vxe-grid 利用dayjs提供的方法来格式化，计算二个日期之间的年数/年龄

花花鱼

于 2024-08-26 09:09:06 发布

阅读量228

点赞数 4

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

本文链接：https://blog.csdn.net/jwbabc/article/details/141549807

版权

Vue3 专栏收录该内容

91 篇文章 0 订阅

订阅专栏

1、安装dayjs

pnpm add dayjs

yarn add dayjs

npm install dayjs

2、导入

import dayjs from 'dayjs';

3、vxe-grid列：

export const UserColumns: VxeGridPropTypes.Columns = [
...
{
    title: '年龄',
    width: 70,
    field: 'old',
    showOverflow: 'tooltip',
    align: 'center',
    sortable: true,
    slots: {
      default: ({ row }) => {
        const birthday = dayjs(row.birthday);
        const today = dayjs(new Date());
        return today.diff(birthday, 'year') + '岁';
      },
    },
  },
]

4、格式化以下的效果如下：